@charset "UTF-8";
@media only screen and (max-width: 960px) {
  /* color
  =================================================================== */
  /* common
  =================================================================== */
  /* layout
  =================================================================== */
  /* background
  =================================================================== */
  /* flex
  =================================================================== */
  /* animation delay
  =================================================================== */
  /* 3d
  =================================================================== */
  /* font
  =================================================================== */
  /* vw
  =================================================================== */
  /* form
  =================================================================== */
  /* vw
  ================================================*/
  /* vh
  ================================================*/
  /*============================================================================================ anime */
  /*materialAnime
  ーーーーーーーーーーーーーーーーーーーーーーーー */
  @keyframes materialAnime {
    0% {
      transform: translate3d(0, 0, 0); }
    100% {
      transform: translate3d(-354vw, 0, 0); } }
  /*============================================================================================ INSIDE CUP NOODLE */
  .inside {
    /*============================================================================================ contents */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー contentsKv */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー leader */
    /*============================================================================================================  01 inner */
    /*============================================================================================================  01 top */
    /*============================================================================================================  01 topping */
    /*============================================================================================================  01 topping modal */
    /*============================================================================================================  01 soup */
    /*============================================================================================================  01 noodle */
    /*============================================================================================================  01 cup */
    /*============================================================================================================  01 material */
    /*============================================================================================================  03 nutrition */ }
    .inside .inside__01--contentsKv .inside__01--contentsKv--wrapper {
      padding-top: calc(355 / 375 * 100%); }
      .inside .inside__01--contentsKv .inside__01--contentsKv--wrapper > span {
        background-size: 135% auto; }
    .inside .inside__01--contentsKv .inside__01--kv {
      width: 77.6vw;
      height: 124.8vw;
      top: 30%; }
    .inside .inside__01--top--leader {
      padding-right: 0;
      margin-bottom: 34vw; }
      .inside .inside__01--top--leader .inside__01--top--leader--text > dt {
        font-size: 14px;
        font-size: 3.7333333333vw;
        margin-bottom: 4vw; }
      .inside .inside__01--top--leader .inside__01--top--leader--text > dd {
        font-size: 13px;
        font-size: 3.4666666667vw; }
        .inside .inside__01--top--leader .inside__01--top--leader--text > dd > p:first-child {
          margin-bottom: 5.3333333333vw; }
      .inside .inside__01--top--leader .inside__01--top--leader--circle {
        position: relative;
        margin-top: 15px;
        right: 0;
        top: 0;
        width: 38.6666666667vw;
        margin-left: auto;
        margin-right: auto; }
        .inside .inside__01--top--leader .inside__01--top--leader--circle .circle--chara {
          width: 21.3333333333vw; }
    .inside .inside__01--noodle {
      width: 80vw;
      margin-bottom: 13.3333333333vw; }
      .inside .inside__01--noodle .inside__01--noodle--wrapper .inside__01--noodle--cup {
        width: 80vw; }
      .inside .inside__01--noodle .inside__01--noodle--wrapper .inside__01--noodle--nav > li {
        position: absolute;
        z-index: 4;
        width: 79%;
        left: 13%;
        opacity: 0;
        transition-duration: 0s;
        transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        -ms-transition-duration: 0s;
        -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        -webkit-transition-duration: 0s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        -moz-transition-duration: 0s;
        -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
        .inside .inside__01--noodle .inside__01--noodle--wrapper .inside__01--noodle--nav > li:hover {
          opacity: 0; }
        .inside .inside__01--noodle .inside__01--noodle--wrapper .inside__01--noodle--nav > li:active {
          opacity: 1; }
      .inside .inside__01--noodle .inside__01--noodle--wrapper .inside__01--noodle--btn > li:nth-child(1) {
        top: 16.5%;
        left: -6%; }
        .inside .inside__01--noodle .inside__01--noodle--wrapper .inside__01--noodle--btn > li:nth-child(1) .point {
          width: 22.6666666667vw; }
      .inside .inside__01--noodle .inside__01--noodle--wrapper .inside__01--noodle--btn > li:nth-child(2) {
        right: -7%; }
        .inside .inside__01--noodle .inside__01--noodle--wrapper .inside__01--noodle--btn > li:nth-child(2) .point {
          width: 10.6666666667vw; }
      .inside .inside__01--noodle .inside__01--noodle--wrapper .inside__01--noodle--btn > li:nth-child(3) .point {
        width: 25.3333333333vw; }
      .inside .inside__01--noodle .inside__01--noodle--wrapper .inside__01--noodle--btn > li:nth-child(4) {
        top: 89.5%;
        right: -9%; }
        .inside .inside__01--noodle .inside__01--noodle--wrapper .inside__01--noodle--btn > li:nth-child(4) .point {
          width: 5.3333333333vw; }
    .inside.inside__01--inner .innerPpadding {
      padding-left: 7.4666666667vw;
      padding-right: 7.4666666667vw; }
    .inside.inside__01--inner .innerText {
      margin-bottom: 4.8vw; }
    .inside.inside__01--inner .innerTips {
      padding: 4vw 5.3333333333vw;
      margin-bottom: 6.6666666667vw; }
      .inside.inside__01--inner .innerTips .innerTips--title {
        margin-bottom: 2.6666666667vw; }
        .inside.inside__01--inner .innerTips .innerTips--title img {
          height: 4vw; }
    .inside.inside__01--inner .inside__article--leader {
      padding-left: 3.5vw;
      padding-right: 3.5vw; }
      .inside.inside__01--inner .inside__article--leader .inside__01--contentsTitle > img {
        height: 7.5vw; }
        .inside.inside__01--inner .inside__article--leader .inside__01--contentsTitle > img.imgSp {
          height: 16.5333333333vw; }
      .inside.inside__01--inner .inside__article--leader .btn--back > a {
        padding-left: 6.1333333333vw; }
        .inside.inside__01--inner .inside__article--leader .btn--back > a > img {
          height: 3.2vw; }
      .inside.inside__01--inner .inside__article--leader .inside__article--leader--num {
        width: 11.7333333333vw; }
        .inside.inside__01--inner .inside__article--leader .inside__article--leader--num > div > span {
          width: 5.3333333333vw;
          height: 9.2vw; }
    .inside.inside__01--top .inside__01--contentsKv .inside__01--contentsKv--wrapper {
      z-index: 2; }
    .inside.inside__01--top .inside__01--contentsKv.active .insideChara .insideChara--items:nth-child(1) {
      top: 5%;
      left: 69%; }
    .inside.inside__01--top .inside__01--contentsKv.active .insideChara .insideChara--items:nth-child(2) {
      bottom: -15%;
      left: -6%; }
    .inside.inside__01--top .inside__01--contentsKv .insideChara .insideChara--items:nth-child(1) {
      width: 15vw; }
    .inside.inside__01--top .inside__01--contentsKv .insideChara .insideChara--items:nth-child(2) {
      width: 48vw; }
    .inside.inside__01--top .inside__01--contentsKv .insideChara .insideChara--items:nth-child(3) {
      width: 20vw; }
    .inside.inside__01--top .inside__01--noodle {
      margin-top: 14vw; }
      .inside.inside__01--top .inside__01--noodle .inside__01--noodle--wrapper .insideChara .insideChara--items {
        width: 25.5vw;
        top: 2.6666666667vw; }
      .inside.inside__01--top .inside__01--noodle .inside__01--noodle--wrapper .insideChara .insideChara--target {
        width: 22.6666666667vw; }
    .inside.topping {
      /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー open */ }
      .inside.topping .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li {
        width: 28vw; }
        .inside.topping .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li:nth-child(1) {
          left: -2%; }
        .inside.topping .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li:nth-child(2) {
          bottom: 5%;
          right: 0%; }
        .inside.topping .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li:nth-child(3) {
          right: 1%;
          top: 2%; }
      .inside.topping .topping__dry--icon {
        margin-bottom: 6.6666666667vw; }
        .inside.topping .topping__dry--icon > li {
          padding: 2.4vw 0; }
          .inside.topping .topping__dry--icon > li > dl > dt, .inside.topping .topping__dry--icon > li > dl > dd {
            padding: 0 1.8666666667vw; }
          .inside.topping .topping__dry--icon > li > dl > dt img {
            height: 9.3333333333vw; }
          .inside.topping .topping__dry--icon > li > dl > dd {
            font-size: 10px;
            font-size: 2.6666666667vw; }
      .inside.topping .topping__tips--list {
        flex-direction: column; }
        .inside.topping .topping__tips--list > li {
          width: 100%;
          padding-left: 11.2vw;
          font-size: 12px;
          font-size: 3.2vw;
          margin-bottom: 8vw; }
          .inside.topping .topping__tips--list > li:before {
            top: -2.6666666667vw;
            transform: translateY(0);
            -webkit-transform: translateY(0);
            width: 9.6vw;
            height: 12.2666666667vw; }
          .inside.topping .topping__tips--list > li:nth-child(1), .inside.topping .topping__tips--list > li:nth-child(2) {
            width: 100%; }
          .inside.topping .topping__tips--list > li:nth-child(3) {
            margin-bottom: 3.2vw; }
      .inside.topping .topping__dry--img {
        padding-bottom: 42vw;
        margin-bottom: 12vw; }
        .inside.topping .topping__dry--img p.innerText:nth-of-type(1) {
          padding-right: 26.1333333333vw; }
        .inside.topping .topping__dry--img:after {
          width: 15.7333333333vw;
          height: 48.5333333333vw;
          top: 0;
          right: 2.6666666667vw;
          background-image: url("../img/contents/01/topping/tips--img--sp.svg"); }
        .inside.topping .topping__dry--img .insideChara {
          width: 25.8666666667vw;
          bottom: 43vw; }
      .inside.topping .topping__open {
        width: 56.5333333333vw;
        margin-top: -13.3333333333vw;
        margin-bottom: 0; }
        .inside.topping .topping__open .topping__open--wrapper .insideChara .insideChara--items {
          width: 30.6666666667vw;
          bottom: 43%; }
        .inside.topping .topping__open.soysauce .inside__01--noodle--btn > li:nth-child(1) {
          bottom: 33%;
          right: 98%; }
          .inside.topping .topping__open.soysauce .inside__01--noodle--btn > li:nth-child(1) .point {
            width: 8vw; }
        .inside.topping .topping__open.soysauce .inside__01--noodle--btn > li:nth-child(2) {
          bottom: 43.5%;
          left: 94%; }
          .inside.topping .topping__open.soysauce .inside__01--noodle--btn > li:nth-child(2) .point {
            width: 14.6666666667vw; }
        .inside.topping .topping__open.soysauce .inside__01--noodle--btn > li:nth-child(3) {
          bottom: 21%;
          right: 93%; }
          .inside.topping .topping__open.soysauce .inside__01--noodle--btn > li:nth-child(3) .point {
            width: 9.8666666667vw; }
        .inside.topping .topping__open.soysauce .inside__01--noodle--btn > li:nth-child(4) {
          bottom: 18.5%;
          left: 92%; }
          .inside.topping .topping__open.soysauce .inside__01--noodle--btn > li:nth-child(4) .point {
            width: 10.6666666667vw; }
        .inside.topping .topping__open.seafood .inside__01--noodle--btn > li:nth-child(1) {
          bottom: 29%;
          right: 96%; }
          .inside.topping .topping__open.seafood .inside__01--noodle--btn > li:nth-child(1) .point {
            width: 12vw; }
        .inside.topping .topping__open.seafood .inside__01--noodle--btn > li:nth-child(2) {
          bottom: 17.5%;
          left: 80%; }
          .inside.topping .topping__open.seafood .inside__01--noodle--btn > li:nth-child(2) .point {
            width: 9.3333333333vw; }
        .inside.topping .topping__open.seafood .inside__01--noodle--btn > li:nth-child(3) {
          bottom: 18%;
          right: 78%; }
          .inside.topping .topping__open.seafood .inside__01--noodle--btn > li:nth-child(3) .point {
            width: 14.6666666667vw; }
        .inside.topping .topping__open.seafood .inside__01--noodle--btn > li:nth-child(4) {
          bottom: 37.5%;
          left: 47%; }
          .inside.topping .topping__open.seafood .inside__01--noodle--btn > li:nth-child(4) .point {
            width: 9.3333333333vw; }
        .inside.topping .topping__open.seafood .inside__01--noodle--btn > li:nth-child(5) {
          bottom: 27.5%;
          left: 77%; }
          .inside.topping .topping__open.seafood .inside__01--noodle--btn > li:nth-child(5) .point {
            width: 5.8666666667vw; }
        .inside.topping .topping__open.curry .inside__01--noodle--btn > li:nth-child(1) {
          bottom: 32%;
          right: 91%; }
          .inside.topping .topping__open.curry .inside__01--noodle--btn > li:nth-child(1) .point {
            width: 8vw; }
        .inside.topping .topping__open.curry .inside__01--noodle--btn > li:nth-child(2) {
          bottom: 43.5%;
          left: 80%; }
          .inside.topping .topping__open.curry .inside__01--noodle--btn > li:nth-child(2) .point {
            width: 9.3333333333vw; }
        .inside.topping .topping__open.curry .inside__01--noodle--btn > li:nth-child(3) {
          bottom: 11%;
          right: 88%; }
          .inside.topping .topping__open.curry .inside__01--noodle--btn > li:nth-child(3) .point {
            width: 24vw; }
        .inside.topping .topping__open.curry .inside__01--noodle--btn > li:nth-child(4) {
          bottom: 20%;
          left: 87%; }
          .inside.topping .topping__open.curry .inside__01--noodle--btn > li:nth-child(4) .point {
            width: 4.5333333333vw; }
    .inside .insidemodal.insidemodal__topping .insidemodal__contents {
      padding-top: 11vw; }
      .inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main {
        padding: 10.6666666667vw 8vw 8vw;
        margin-bottom: 8vw;
        min-height: 80vh; }
        .inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main:after {
          width: 14.4vw;
          height: 14.4vw;
          top: -7.667vw; }
        .inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main .insidemodal__topping--title img {
          height: 13.3333333333vw; }
        .inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main .insidemodal__topping--img {
          margin-bottom: 5.3333333333vw;
          height: auto;
          width: 100%; }
          .inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main .insidemodal__topping--img.height {
            width: 100%; }
        .inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main .insidemodal__topping--text {
          font-size: 13px;
          font-size: 3.4666666667vw;
          margin-bottom: 4vw; }
        .inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main p.text--indent {
          margin-bottom: 4vw; }
        .inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main .insidemodal__topping--arrow > li {
          width: 12.2666666667vw;
          height: 12.2666666667vw;
          border: 0.5333333333vw solid #ff0000; }
          .inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main .insidemodal__topping--arrow > li.arrow--prev {
            left: 1.5vw; }
          .inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main .insidemodal__topping--arrow > li.arrow--next {
            right: 1.5vw; }
    .inside.soup .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li {
      width: 29.3333333333vw; }
      .inside.soup .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li:nth-child(1) {
        left: 30%; }
      .inside.soup .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li:nth-child(2) {
        left: 50%; }
    .inside.soup .innerTips {
      padding-bottom: 0;
      margin-bottom: 10vw; }
      .inside.soup .innerTips .soup__innerTips--img img {
        width: 71.5vw; }
      .inside.soup .innerTips .soup__innerTips--img div.soup__innerTips--img--elm1 {
        top: 28%;
        width: 44.5vw;
        height: 15vw; }
      .inside.soup .innerTips .soup__innerTips--img div.soup__innerTips--img--elm2 {
        width: 43.5vw;
        height: 28vw; }
      .inside.soup .innerTips .insideChara .insideChara--items:nth-child(1) {
        top: -3%;
        right: 71%; }
      .inside.soup .innerTips .insideChara .insideChara--items:nth-child(2) {
        bottom: -9%;
        right: 63%; }
      .inside.soup .innerTips .insideChara .insideChara--items:nth-child(3) {
        bottom: 17%;
        left: 80%; }
      .inside.soup .innerTips .insideChara > li {
        width: 25.3333333333vw; }
        .inside.soup .innerTips .insideChara > li:nth-child(1) {
          bottom: 26%;
          left: 76%; }
        .inside.soup .innerTips .insideChara > li:nth-child(2) {
          top: -3%;
          right: 78%; }
        .inside.soup .innerTips .insideChara > li:nth-child(3) {
          bottom: -2%;
          right: 68%; }
    .inside.noodle .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li {
      width: 26.6666666667vw; }
      .inside.noodle .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li:nth-child(3) {
        right: 3%; }
    .inside.noodle .inside__01--contentsKv .inside__01--contentsKv--wrapper:after {
      background-size: 140% auto; }
    .inside.noodle .inside__01--contentsKv .inside__01--contentsKv--wrapper > span {
      transform: translate3d(0, 28vw, 0);
      transform: translate3d(0, 28vw, 0); }
    .inside.noodle .inside__01--contentsKv .inside__01--contentsKv--wrapper.active > span {
      transform: translate3d(0, 0, 0); }
    .inside.noodle .noodle__production {
      margin-bottom: 4vw; }
      .inside.noodle .noodle__production > li {
        width: 50%;
        margin-bottom: 6.6666666667vw;
        border-right: 0.5333333333vw dotted #ff0000; }
        .inside.noodle .noodle__production > li > p {
          font-size: 22px;
          font-size: 5.8666666667vw;
          margin-bottom: 2.6666666667vw; }
        .inside.noodle .noodle__production > li > dl > dt {
          width: 23.4666666667vw;
          margin-bottom: 1.8666666667vw; }
        .inside.noodle .noodle__production > li > dl > dd {
          font-size: 10px;
          font-size: 2.6666666667vw; }
        .inside.noodle .noodle__production > li:nth-child(1), .inside.noodle .noodle__production > li:nth-child(3), .inside.noodle .noodle__production > li:nth-child(5) {
          border-left: 0.5333333333vw dotted #ff0000; }
        .inside.noodle .noodle__production > li:nth-child(4) {
          border-left: none; }
    .inside.noodle .innerTips {
      padding: 4vw 5.3333333333vw 5.3333333333vw;
      margin-bottom: 17.5vw; }
      .inside.noodle .innerTips .text--bgRed {
        font-size: 13px;
        font-size: 3.4666666667vw;
        border-radius: 14.6666666667vw;
        margin-bottom: 4vw; }
        .inside.noodle .innerTips .text--bgRed > span {
          padding: 3.4666666667vw 5.3333333333vw;
          line-height: 1.5;
          display: block; }
      .inside.noodle .innerTips p.textGrayDark {
        margin-bottom: 20vw; }
      .inside.noodle .innerTips p.textDefult {
        margin-bottom: 3.7333333333vw; }
      .inside.noodle .innerTips .noodle__tipsblock {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center; }
        .inside.noodle .innerTips .noodle__tipsblock > dt {
          margin-right: 3.2vw; }
        .inside.noodle .innerTips .noodle__tipsblock:nth-of-type(1) {
          margin-bottom: 4.5333333333vw; }
          .inside.noodle .innerTips .noodle__tipsblock:nth-of-type(1) > dt {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            top: -18.6666666667vw;
            width: 23.2vw;
            z-index: 2; }
          .inside.noodle .innerTips .noodle__tipsblock:nth-of-type(1) > dd {
            width: 100%;
            font-size: 10px;
            font-size: 2.6666666667vw;
            padding: 5.3333333333vw 5.3333333333vw 4vw; }
            .inside.noodle .innerTips .noodle__tipsblock:nth-of-type(1) > dd:after {
              display: none; }
        .inside.noodle .innerTips .noodle__tipsblock:nth-of-type(2) {
          margin-bottom: 9.3333333333vw; }
          .inside.noodle .innerTips .noodle__tipsblock:nth-of-type(2) > dt {
            width: 14.6666666667vw; }
          .inside.noodle .innerTips .noodle__tipsblock:nth-of-type(2) > dd {
            width: auto;
            font-size: 14px;
            font-size: 3.7333333333vw; }
      .inside.noodle .innerTips .insideChara {
        width: 34.6666666667vw;
        bottom: -16vw;
        right: 9%; }
        .inside.noodle .innerTips .insideChara > span::after {
          height: 5.3333333333vw;
          top: -6.9333333333vw; }
    .inside.noodle p.text--indent {
      font-weight: bold;
      margin-bottom: 55px; }
    .inside.cup .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li {
      width: 32vw;
      bottom: -1% !important; }
      .inside.cup .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li:nth-child(1) {
        left: 6%; }
      .inside.cup .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li:nth-child(2) {
        right: 19%; }
      .inside.cup .inside__01--contentsKv .insideChara.inside__01--contentsKv--chara > li:nth-child(3) {
        right: 3%; }
    .inside.cup .innerTips > dl {
      flex-direction: column; }
      .inside.cup .innerTips > dl > dt, .inside.cup .innerTips > dl > dd {
        width: 100%; }
      .inside.cup .innerTips > dl > dt {
        margin-top: 5.6vw;
        margin-bottom: 5.8666666667vw; }
        .inside.cup .innerTips > dl > dt .innerTips__chara > li {
          width: 33.5vw; }
      .inside.cup .innerTips > dl > dd p.textGrayDark {
        font-size: 13px;
        font-size: 3.4666666667vw;
        margin-bottom: 3.2vw; }
      .inside.cup .innerTips > dl > dd > ul {
        margin-bottom: 3.2vw; }
        .inside.cup .innerTips > dl > dd > ul > li {
          margin-right: 0.5vw;
          padding-right: 6vw; }
          .inside.cup .innerTips > dl > dd > ul > li > span.text {
            height: 4.5333333333vw; }
          .inside.cup .innerTips > dl > dd > ul > li > span.plus {
            width: 5.8666666667vw;
            height: 0.2666666667vw; }
          .inside.cup .innerTips > dl > dd > ul > li:nth-child(1) > span.text {
            width: 23vw; }
          .inside.cup .innerTips > dl > dd > ul > li:nth-child(2) > span.text {
            width: 21vw; }
          .inside.cup .innerTips > dl > dd > ul > li:nth-child(3) {
            margin-right: 0;
            padding-right: 0; }
            .inside.cup .innerTips > dl > dd > ul > li:nth-child(3) > span.text {
              width: 10vw; }
    .inside.cup .text--icon {
      padding-left: 8.2666666667vw;
      margin-bottom: 5.3333333333vw; }
      .inside.cup .text--icon:after {
        width: 6.6666666667vw;
        height: 6.6666666667vw; }
    .inside.material .inside__article--leader {
      padding-bottom: 16vw; }
    .inside.material .inside__01--contentsKv .inside__01--contentsKv--wrapper {
      padding-top: calc(310 / 375 * 100%); }
      .inside.material .inside__01--contentsKv .inside__01--contentsKv--wrapper > span {
        background-size: 150% auto; }
    .inside.material .inside__01--contentsText .inside__01--contentsKv--chara > li {
      width: 26.6666666667vw;
      margin: 0; }
    .inside.material .material__contents--leader {
      margin-bottom: 8vw; }
      .inside.material .material__contents--leader .material--h3 {
        font-size: 15px;
        font-size: 4vw;
        margin-bottom: 4vw; }
      .inside.material .material__contents--leader .column--2 {
        flex-direction: column;
        margin-bottom: 9.3333333333vw; }
        .inside.material .material__contents--leader .column--2.movieContents {
          margin-bottom: 4vw; }
      .inside.material .material__contents--leader > dl {
        margin-bottom: 4vw; }
        .inside.material .material__contents--leader > dl > dt {
          font-size: 12px;
          font-size: 3.2vw;
          margin-bottom: 2.6666666667vw; }
        .inside.material .material__contents--leader > dl > dd {
          font-size: 12px;
          font-size: 3.2vw; }
      .inside.material .material__contents--leader p.innerText {
        margin-bottom: 4vw; }
      .inside.material .material__contents--leader .column--2 > li {
        width: 100%;
        margin-bottom: 5.3333333333vw; }
        .inside.material .material__contents--leader .column--2 > li > img {
          margin-bottom: 3.2vw; }
        .inside.material .material__contents--leader .column--2 > li > p {
          font-size: 11px;
          font-size: 2.9333333333vw; }
    .inside.material .inside__underlineTextAnime {
      margin-bottom: 2vw; }
    .inside.material .material__slide .material__slide--wrapper {
      -webkit-animation: materialAnime 30s linear infinite;
      animation: materialAnime 30s linear infinite; }
    .inside.material .material__slide .material__slide--contents {
      width: 354vw;
      bottom: -2.9333333333vw; }
    .inside.material .material__slide .material__slide--line {
      position: relative;
      height: 25px;
      background-color: #ff0000;
      background-image: url("../img/contents/01/material/slide--dot.svg");
      background-repeat: repeat-x;
      background-position: left center;
      background-size: auto 5px;
      z-index: 2; }
    .inside.material .material__leader {
      font-size: 16px;
      font-size: 4.2666666667vw;
      margin-bottom: 4vw; }
    .inside.material .material__map {
      width: calc(100% + 20vw);
      left: -10vw;
      margin-bottom: 4vw;
      padding-top: calc(1142 / 1630 * 100%); }
      .inside.material .material__map .material__map--icon > li {
        width: 11.7333333333vw;
        height: 11.7333333333vw; }
        .inside.material .material__map .material__map--icon > li:nth-child(1) {
          top: 28%;
          left: 9.54%; }
        .inside.material .material__map .material__map--icon > li:nth-child(2) {
          top: 29%;
          left: 31.3%; }
        .inside.material .material__map .material__map--icon > li:nth-child(3) {
          top: 19%;
          right: 30.5%; }
        .inside.material .material__map .material__map--icon > li:nth-child(4) {
          top: 49%;
          left: 44.2%; }
        .inside.material .material__map .material__map--icon > li:nth-child(5) {
          top: 64.5%;
          left: 23%; }
        .inside.material .material__map .material__map--icon > li:nth-child(6) {
          top: 67.5%;
          right: 8%; }
      .inside.material .material__map .material__map--chara {
        width: calc(194 / 815 * 100%);
        top: -11%;
        right: 4.2%; }
    .inside.material .material__map--aside {
      flex-direction: column;
      padding: 5.3333333333vw 6.6666666667vw;
      margin-bottom: 3.2vw; }
      .inside.material .material__map--aside > dt {
        width: 100%;
        margin-bottom: 5.3333333333vw; }
      .inside.material .material__map--aside > dd {
        width: 100%; }
    .inside.material .allergy--block {
      flex-direction: column;
      margin-bottom: 5.3333333333vw;
      margin-top: 6.6666666667vw; }
      .inside.material .allergy--block > dt, .inside.material .allergy--block > dd {
        width: 100%; }
      .inside.material .allergy--block > dt {
        margin-bottom: 4vw; }
    .inside.material .additive__contents {
      padding-bottom: 10.6666666667vw; }
      .inside.material .additive__contents .additive__contents--list {
        flex-direction: column;
        padding: 4vw 5.3333333333vw;
        margin-bottom: 4vw; }
        .inside.material .additive__contents .additive__contents--list > li {
          width: 100%;
          text-align: left;
          border-right: none; }
          .inside.material .additive__contents .additive__contents--list > li > dl {
            display: flex;
            flex-wrap: nowrap;
            justify-content: flex-start; }
            .inside.material .additive__contents .additive__contents--list > li > dl > dt {
              margin-bottom: 5px;
              width: 20vw; }
            .inside.material .additive__contents .additive__contents--list > li > dl > dd {
              width: calc(100% - 20vw); }
          .inside.material .additive__contents .additive__contents--list > li:last-child {
            margin-bottom: 0; }
      .inside.material .additive__contents p.text--aside {
        margin-bottom: 5.3333333333vw; }
      .inside.material .additive__contents .innerText.innerText--padding {
        padding-right: 21vw;
        text-align: left; }
      .inside.material .additive__contents .additive__contents--chara {
        width: 25.3333333333vw;
        right: 4vw; }
    .inside.material .material__movie {
      border-width: 1.3333333333vw;
      margin-bottom: 12vw; }
    .inside.material .movie__chara {
      width: 23vw;
      bottom: -1.8666666667vw;
      left: 13.3333333333vw; }
    .inside.nutrition .inside__article--leader {
      padding-bottom: 25vw; }
      .inside.nutrition .inside__article--leader .inside__01--contentsTitle > img.imgSp {
        height: 25.6vw; }
    .inside.nutrition .inside__01--contentsKv .inside__01--contentsKv--wrapper {
      padding-top: calc(310 / 375 * 100%); }
      .inside.nutrition .inside__01--contentsKv .inside__01--contentsKv--wrapper > span {
        background-size: 150% auto; }
        .inside.nutrition .inside__01--contentsKv .inside__01--contentsKv--wrapper > span.nutrition__kv--chara {
          background-size: 100% auto;
          width: 50%;
          height: 44%;
          top: 8%; }
        .inside.nutrition .inside__01--contentsKv .inside__01--contentsKv--wrapper > span.nutrition__kv--text {
          background-size: 100% auto;
          width: calc(390 / 1968 * 100%);
          top: 11%; }
    .inside.nutrition .nutrition__contents .inside__borderGray {
      padding: 4vw 5.3333333333vw;
      text-align: left; }
      .inside.nutrition .nutrition__contents .inside__borderGray > p {
        margin-bottom: 4vw; }
      .inside.nutrition .nutrition__contents .inside__borderGray > dl > dd .btnArrow {
        margin-top: 5vw; }
    .inside.nutrition .nutrition__contents.nutrition__contents--1 {
      margin-top: 9.3333333333vw;
      margin-bottom: 13.3333333333vw; }
      .inside.nutrition .nutrition__contents.nutrition__contents--1 > dl {
        margin-bottom: 5.3333333333vw; }
        .inside.nutrition .nutrition__contents.nutrition__contents--1 > dl > dt {
          align-self: flex-start;
          width: 24.5333333333vw; }
        .inside.nutrition .nutrition__contents.nutrition__contents--1 > dl > dd {
          width: calc(100% - 29vw); }
          .inside.nutrition .nutrition__contents.nutrition__contents--1 > dl > dd p.innerText {
            margin-bottom: 2.6666666667vw; }
          .inside.nutrition .nutrition__contents.nutrition__contents--1 > dl > dd p.textGray {
            position: relative;
            width: calc(100% + 29vw);
            left: -29vw; }
      .inside.nutrition .nutrition__contents.nutrition__contents--1 .inside__borderGray {
        text-align: left; }
        .inside.nutrition .nutrition__contents.nutrition__contents--1 .inside__borderGray > dl {
          flex-direction: column; }
          .inside.nutrition .nutrition__contents.nutrition__contents--1 .inside__borderGray > dl > dt {
            width: 56vw; }
          .inside.nutrition .nutrition__contents.nutrition__contents--1 .inside__borderGray > dl > dd {
            width: 100%; }
    .inside.nutrition .nutrition__contents.nutrition__contents--2 {
      margin-bottom: 30px; }
      .inside.nutrition .nutrition__contents.nutrition__contents--2 .inside__borderGray > dl > dt {
        width: 20.2666666667vw;
        align-self: flex-start; }
      .inside.nutrition .nutrition__contents.nutrition__contents--2 .inside__borderGray > dl > dd {
        width: calc(100% - 26vw); }
      .inside.nutrition .nutrition__contents.nutrition__contents--2 .inside__borderGray:nth-of-type(2) {
        margin-bottom: 4vw; }
    .inside.nutrition .inside__article--top01--mainBtn .btn--chara {
      bottom: calc(100% - 2vw); }
      .inside.nutrition .inside__article--top01--mainBtn .btn--chara > li {
        width: 25.3333333333vw;
        margin: 0 -2.6666666667vw; }
    .inside.nutrition .btnArrow.double {
      left: -25vw;
      position: relative;
      text-align: center;
      width: calc(100% + 24vw); }
      .inside.nutrition .btnArrow.double > a {
        margin-bottom: 2vw; }
        .inside.nutrition .btnArrow.double > a > img {
          height: 3.2vw; }
        .inside.nutrition .btnArrow.double > a:nth-child(1) {
          margin-right: 0; }

  /*======================================================================================================================================  更新2021 */
  .inside.inside__01--inner.cup .textUnderline {
    padding-bottom: 0.5333333333vw;
    border-bottom: 0.5333333333vw solid #ff0000; }
  .inside.inside__01--inner.cup .inside__borderGray {
    padding: 5.3333333333vw 6.6666666667vw; }
  .inside.inside__01--inner.cup .packageStep--title {
    margin-bottom: 8vw; }
    .inside.inside__01--inner.cup .packageStep--title img {
      height: 4vw; }
  .inside.inside__01--inner.cup .packageStep__list {
    flex-direction: column; }
    .inside.inside__01--inner.cup .packageStep__list > li {
      width: 100%;
      margin-bottom: 14.5vw; }
      .inside.inside__01--inner.cup .packageStep__list > li > dl {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-direction: row-reverse; }
        .inside.inside__01--inner.cup .packageStep__list > li > dl > dt {
          align-self: center;
          width: 23vw !important;
          right: -1vw;
          margin: 0; }
          .inside.inside__01--inner.cup .packageStep__list > li > dl > dt:after {
            display: none; }
        .inside.inside__01--inner.cup .packageStep__list > li > dl > dd {
          align-self: center;
          width: calc(100% - 23vw);
          font-size: 12px;
          font-size: 3.2vw;
          margin-top: 0;
          display: flex;
          flex-wrap: nowrap;
          justify-content: space-between; }
          .inside.inside__01--inner.cup .packageStep__list > li > dl > dd .packageStep__list--num {
            position: relative;
            align-self: center;
            width: 12vw;
            margin: 0; }
            .inside.inside__01--inner.cup .packageStep__list > li > dl > dd .packageStep__list--num:after {
              content: " ";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              height: 24px;
              top: 140%;
              background-repeat: repeat-y;
              background-size: 18px auto;
              background-position: center top;
              background-image: url("../img/contents/01/cup/new/step--arrow--sp.svg"); }
          .inside.inside__01--inner.cup .packageStep__list > li > dl > dd > p {
            align-self: center;
            width: calc(100% - 15vw);
            text-align: left; }
      .inside.inside__01--inner.cup .packageStep__list > li:nth-child(3) > dl > dd .packageStep__list--num::after {
        display: none; }
  .inside.inside__01--inner.cup .capMain {
    max-width: 65.3333333333vw;
    margin-top: 8vw;
    margin-bottom: 13.3333333333vw; }
    .inside.inside__01--inner.cup .capMain .capMain__chara > li {
      width: 28vw;
      bottom: -9.3333333333vw; }
      .inside.inside__01--inner.cup .capMain .capMain__chara > li:nth-child(1) {
        left: -12vw; }
      .inside.inside__01--inner.cup .capMain .capMain__chara > li:nth-child(2) {
        right: -12vw; }
  .inside.inside__01--inner.cup .capStep .packageStep__list > li > dl > dt > span {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform-origin: center bottom; }
  .inside.inside__01--inner.cup .capStep .packageStep__list > li > dl > dd .packageStep__list--num:after {
    top: 130%;
    height: 72px; }
  .inside.inside__01--inner.cup .capStep .packageStep__list > li:nth-child(1) > p {
    display: none; }
  .inside.inside__01--inner.cup .capStep .capStep__aside {
    flex-direction: column;
    width: calc(100% + 6.6666666667vw + 6.6666666667vw);
    left: -6.6666666667vw;
    padding: 7vw 6.6666666667vw 0;
    margin-top: -3vw; }
    .inside.inside__01--inner.cup .capStep .capStep__aside > h4 {
      width: 100%;
      font-size: 13px;
      font-size: 3.4666666667vw;
      line-height: 9.6vw;
      border-radius: 1.0666666667vw;
      margin-bottom: 3.2vw; }
    .inside.inside__01--inner.cup .capStep .capStep__aside > p {
      width: 100%;
      font-size: 12px;
      font-size: 3.2vw; }
  .inside.inside__01--inner.cup .capLeader dt img {
    height: 6.6666666667vw;
    margin-bottom: 4vw; }
  .inside.inside__01--inner.cup .capLeader dd {
    font-size: 13px;
    font-size: 3.4666666667vw;
    line-height: 1.7; }
    .inside.inside__01--inner.cup .capLeader dd > p {
      display: block; }
      .inside.inside__01--inner.cup .capLeader dd > p .textUnderline:after {
        height: 0.5333333333vw; }
      .inside.inside__01--inner.cup .capLeader dd > p:nth-child(3) {
        margin-top: 10px;
        margin-bottom: -1px; }
    .inside.inside__01--inner.cup .capLeader dd .fontLarge {
      font-size: 17px;
      font-size: 4.5333333333vw; }
    .inside.inside__01--inner.cup .capLeader dd .capLeader__seal {
      width: 14.1333333333vw;
      right: 6vw;
      top: calc(100% - 15vw); }
      .inside.inside__01--inner.cup .capLeader dd .capLeader__seal .capLeader__seal--arrow {
        padding-top: calc(41 / 106 * 100%); }
        .inside.inside__01--inner.cup .capLeader dd .capLeader__seal .capLeader__seal--arrow > span {
          background-image: url("../img/contents/01/cup/new/cap--arrow--sp.svg?v=0616"); }
      .inside.inside__01--inner.cup .capLeader dd .capLeader__seal .capLeader__seal--main {
        width: calc(64 / 88 * 100%);
        left: 100%;
        transform: translateY(-50%) rotate(8deg);
        -webkit-transform: translateY(-50%) rotate(8deg); }
  .inside.inside__01--inner.cup .boxStep {
    margin-top: 6.6666666667vw; }
    .inside.inside__01--inner.cup .boxStep .packageStep--title {
      margin-bottom: 2vw; }
    .inside.inside__01--inner.cup .boxStep .packageStep__list > li {
      margin-bottom: 2vw; }
      .inside.inside__01--inner.cup .boxStep .packageStep__list > li > dl > dt {
        right: -2vw; }
      .inside.inside__01--inner.cup .boxStep .packageStep__list > li > dl > dd {
        margin-top: 0; }
  .inside.inside__01--inner.cup .boxLeader {
    margin-bottom: 6.6666666667vw; }
    .inside.inside__01--inner.cup .boxLeader > dt {
      margin-bottom: 4vw; }
      .inside.inside__01--inner.cup .boxLeader > dt > img {
        height: 6.1333333333vw; }
    .inside.inside__01--inner.cup .boxLeader > dd p.text--indent {
      margin-top: 2.6666666667vw;
      text-align: left; }
  .inside.inside__01--inner.cup .boxMainAnime {
    width: calc(100% + 10vw);
    left: -5vw;
    margin-bottom: 6.6666666667vw; }
    .inside.inside__01--inner.cup .boxMainAnime .boxMainAnime--chara > li {
      width: 17.3333333333vw; }
      .inside.inside__01--inner.cup .boxMainAnime .boxMainAnime--chara > li:nth-child(1) {
        top: 13%;
        left: 15%; }
      .inside.inside__01--inner.cup .boxMainAnime .boxMainAnime--chara > li:nth-child(2) {
        top: 26%;
        left: 37%; }
      .inside.inside__01--inner.cup .boxMainAnime .boxMainAnime--chara > li:nth-child(3) {
        top: 37%;
        right: 25%; }
  .inside.inside__01--inner.cup .boxMrak {
    margin-top: 7.2vw;
    margin-bottom: 7.2vw; }
    .inside.inside__01--inner.cup .boxMrak > img {
      width: 13.3333333333vw; }
    .inside.inside__01--inner.cup .boxMrak .boxMrak__text {
      width: calc(100% - 16vw); } }