@charset "UTF-8";
@media only screen and (max-width: 960px) {
  /* color
  =================================================================== */
  /* common
  =================================================================== */
  /* layout
  =================================================================== */
  /* background
  =================================================================== */
  /* flex
  =================================================================== */
  /* animation delay
  =================================================================== */
  /* 3d
  =================================================================== */
  /* font
  =================================================================== */
  /* vw
  =================================================================== */
  /* form
  =================================================================== */
  @keyframes animeX--2 {
    to {
      background-position-x: 40%; } }
  @keyframes animeX--3 {
    to {
      background-position-x: 60%; } }
  @keyframes animeX--4 {
    to {
      background-position-x: 80%; } }
  @keyframes animeX--5 {
    to {
      background-position-x: 100%; } }
  @keyframes animeX--6 {
    to {
      background-position-x: 120%; } }
    /*kvCharaAnime
	ーーーーーーーーーーーーーーーーーーーーーーーー */
  @keyframes kvCharaAnime {
    0% {
      transform: scale(1, 1) translate(0%, 0%); }
    10% {
      transform: scale(1.1, 0.9) translate(0%, 5%); }
    40% {
      transform: scale(1.2, 0.8) translate(0%, 15%); }
    50% {
      transform: scale(1, 1) translate(0%, 0%); }
    60% {
      transform: scale(0.9, 1.2) translate(0%, -50%); }
    75% {
      transform: scale(0.9, 1.2) translate(0%, -20%); }
    85% {
      transform: scale(1.2, 0.8) translate(0%, 15%); }
    100% {
      transform: scale(1, 1) translate(0%, 0%); } }
  @keyframes kvCharaAnimeMax {
    0% {
      transform: scale(1, 1) translate(0%, 0%); }
    10% {
      transform: scale(1.1, 0.9) translate(0%, 5%); }
    40% {
      transform: scale(1.2, 0.8) translate(0%, 15%); }
    50% {
      transform: scale(1, 1) translate(0%, 0%); }
    60% {
      transform: scale(0.9, 1.2) translate(0%, -100%); }
    75% {
      transform: scale(0.9, 1.2) translate(0%, -20%); }
    85% {
      transform: scale(1.2, 0.8) translate(0%, 15%); }
    100% {
      transform: scale(1, 1) translate(0%, 0%); } }
  @keyframes anime-Run {
    0% {
      transform: translate3d(10%, 0, 0); }
    100% {
      transform: translate3d(100%, 0, 0); } }
  /* vw
  ================================================*/
  /* vh
  ================================================*/
  /*============================================================================================ anime */
  @keyframes slideImg {
    0% {
      transform: translate3d(0, 0, 0); }
    100% {
      transform: translate3d(-175vw, 0, 0); } }
  /*============================================================================================ INSIDE CUP NOODLE */
  .inside {
    /*============================================================================================ contents */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー topkv */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー topkv */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー modal */ }
    .inside .top01__noodle--contents .inside__01--elm {
      top: -158%;
      height: 200%; }
      .inside .top01__noodle--contents .inside__01--elm > img {
        width: 400px !important; }
    .inside .inside__01--elm {
      height: 50%;
      top: -28%;
      width: 200%; }
    .inside .inside__topkv {
      padding-top: 8vw;
      /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー Img */ }
      .inside .inside__topkv .inside__topkv--text {
        margin-bottom: 5.3333333333vw; }
        .inside .inside__topkv .inside__topkv--text .inside__topkv--text--leader {
          width: 80vw;
          height: 7.7333333333vw;
          margin-bottom: 2.6666666667vw; }
          .inside .inside__topkv .inside__topkv--text .inside__topkv--text--leader .inside__topkv--ruby {
            width: calc(115 / 639 * 100%);
            right: calc(2 / 639 * 100%); }
            .inside .inside__topkv .inside__topkv--text .inside__topkv--text--leader .inside__topkv--ruby > span {
              padding-top: calc(12 / 94 * 100%);
              background-image: url("../img/contents/top/kv__leader--ruby--sp.svg"); }
        .inside .inside__topkv .inside__topkv--text .inside__topkv--text--sub {
          width: 78.6666666667vw; }
      .inside .inside__topkv .inside__topkv--Img .inside__topkv--Img--wrapper {
        width: 67.2vw;
        top: -24vw; }
        .inside .inside__topkv .inside__topkv--Img .inside__topkv--Img--wrapper .inside__topkv--Img--contents .inside__01--elm {
          width: 120%; }
          .inside .inside__topkv .inside__topkv--Img .inside__topkv--Img--wrapper .inside__topkv--Img--contents .inside__01--elm > img {
            width: 100% !important; }
      .inside .inside__topkv .inside__topkv--chara--wrapper .inside__topkv--chara {
        height: auto;
        width: 100vw; }
        .inside .inside__topkv .inside__topkv--chara--wrapper .inside__topkv--chara > ul > li {
          width: 29.3333333333vw;
          margin: 0 -1.3333333333vw; }
          .inside .inside__topkv .inside__topkv--chara--wrapper .inside__topkv--chara > ul > li:after {
            height: 5.6vw;
            top: -8.8vw; }
          .inside .inside__topkv .inside__topkv--chara--wrapper .inside__topkv--chara > ul > li:nth-child(1) {
            bottom: -1.3333333333vw; }
            .inside .inside__topkv .inside__topkv--chara--wrapper .inside__topkv--chara > ul > li:nth-child(1):after {
              top: -4vw; }
          .inside .inside__topkv .inside__topkv--chara--wrapper .inside__topkv--chara > ul > li:nth-child(3) {
            bottom: -1.3333333333vw; }
    .inside .inside__article .top01__noodle {
      width: 97vw; }
      .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--chara li {
        width: 32vw; }
        .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--chara li:nth-child(1) {
          top: 7.8%;
          right: 14%; }
          .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--chara li:nth-child(1) .egg {
            width: 7vw;
            height: 7vw; }
        .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--chara li:nth-child(2) {
          top: 27.6%;
          right: 65%; }
      .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li > img {
        height: 2.9333333333vw;
        bottom: -5.3333333333vw; }
        .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li > img.imgSp {
          height: 7.2vw;
          bottom: -10vw; }
      .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li:nth-child(1) .point, .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li:nth-child(2) .point {
        width: 12.2666666667vw; }
      .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li:nth-child(1) {
        top: 14.5%;
        right: 69%; }
      .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li:nth-child(2) {
        top: 25%;
        left: 68%; }
      .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li:nth-child(3) {
        top: 45%;
        right: 69%; }
        .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li:nth-child(3) .point {
          width: 4vw; }
          .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li:nth-child(3) .point .circle {
            right: -0.6666666667vw;
            bottom: -27.4666666667vw; }
      .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li:nth-child(4) {
        top: 39%;
        left: 69%; }
        .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li:nth-child(4) .point {
          width: 10.6666666667vw; }
          .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li:nth-child(4) .point .circle {
            left: -0.6666666667vw;
            bottom: -58.1333333333vw; }
      .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li.active:nth-child(3) .point::before {
        height: 27.4666666667vw; }
      .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li.active:nth-child(4) .point::before {
        height: 58.1333333333vw; }
    .inside .inside__article .inside__article--top02--slideImg {
      border-radius: 1.3333333333vw; }
      .inside .inside__article .inside__article--top02--slideImg .inside__article--top02--slideImg--wrapper > div {
        width: 175vw; }
    .inside .inside__article .slideImg__chara--wrapper {
      padding-bottom: 20vw; }
      .inside .inside__article .slideImg__chara--wrapper .slideImg__chara > li {
        width: 38.6666666667vw; }
        .inside .inside__article .slideImg__chara--wrapper .slideImg__chara > li:nth-child(1) {
          left: -12%;
          bottom: 4vw; }
        .inside .inside__article .slideImg__chara--wrapper .slideImg__chara > li:nth-child(2) {
          left: 14%;
          bottom: 2vw; }
        .inside .inside__article .slideImg__chara--wrapper .slideImg__chara > li:nth-child(3) {
          right: -9%;
          bottom: 13.8666666667vw; }
    .inside .inside__article .inside__article--top04--faq {
      margin-bottom: 9.3333333333vw; }
      .inside .inside__article .inside__article--top04--faq > ul:after {
        width: 8vw;
        height: 8.5333333333vw; }
    .inside .inside__article.inside__article--top01 section.article--paddingLR.article--paddingTB {
      padding-left: 0;
      padding-right: 0; }
    .inside .inside__article.inside__article--top01 .inside__article--top01--mainBtn {
      margin-top: 4vw;
      margin-bottom: 4vw; }
      .inside .inside__article.inside__article--top01 .inside__article--top01--mainBtn div {
        width: 35.4666666667vw;
        left: 16%; }
    .inside .inside__article.inside__article--top02 .inside__article--top02--mainImg {
      border-radius: 1.3333333333vw;
      margin-bottom: 4vw; }
    .inside .inside__article.inside__article--top03 .inside__article--top01--mainBtn {
      margin-bottom: 5.3333333333vw; }
      .inside .inside__article.inside__article--top03 .inside__article--top01--mainBtn .btn--chara {
        bottom: calc(100% - 2vw); }
        .inside .inside__article.inside__article--top03 .inside__article--top01--mainBtn .btn--chara > li {
          width: 25.3333333333vw;
          margin: 0 -2.6666666667vw; }
    .inside .inside__article.inside__article--top04 .inside__underlineTextAnime {
      margin-bottom: 9.3vw; }
    .inside .inside__article.inside__article--top04 .inside__article--top04--chara {
      height: calc(100% + 5.3vw); }
      .inside .inside__article.inside__article--top04 .inside__article--top04--chara > li:nth-child(1) {
        width: 32vw;
        bottom: -40vw;
        right: -33vw; }
      .inside .inside__article.inside__article--top04 .inside__article--top04--chara > li:nth-child(2) {
        width: 16vw;
        bottom: 0vw;
        left: -5vw; }
      .inside .inside__article.inside__article--top04 .inside__article--top04--chara > li:nth-child(3) {
        width: 16vw;
        right: 4vw;
        top: 10vw; }
      .inside .inside__article.inside__article--top04 .inside__article--top04--chara > li.active:nth-child(1) {
        bottom: -10vw;
        right: -13vw; }
    .inside .insidemodal.insidemodal__movie .insidemodal--close {
      top: 0;
      right: 0; }

  .inside .inside__chara {
    margin-top: 0;
    padding: 8vw 8vw 0; }
    .inside .inside__chara .inside__border {
      padding: 6.6666666667vw 8vw; }
    .inside .inside__chara h4 {
      margin-bottom: 5.3333333333vw; }
      .inside .inside__chara h4 img.imgSp {
        width: 61.3333333333vw; }
    .inside .inside__chara .inside__chara--detail {
      flex-direction: column;
      text-align: center; }
      .inside .inside__chara .inside__chara--detail > p {
        width: 100%;
        font-size: 14px;
        font-size: 3.7333333333vw;
        margin-bottom: 5.3333333333vw; }
      .inside .inside__chara .inside__chara--detail .inside__chara--detail--img {
        width: 100%;
        text-align: center; }
        .inside .inside__chara .inside__chara--detail .inside__chara--detail--img aside {
          font-size: 10px;
          font-size: 2.6666666667vw;
          margin-top: 2.6666666667vw; }

  /* ================================================================ inside ModalInfo edit 202209 */
  .inside .insideModalInfo .insideModalInfo__contents {
    width: calc(100% - 50px);
    padding: 25px;
    border-width: 5px;
    max-width: 505px; }
    .inside .insideModalInfo .insideModalInfo__contents .insideModalInfo__title {
      width: 147px;
      margin-bottom: 20px;
      padding-bottom: 7px;
      border-bottom-width: 3px; }
    .inside .insideModalInfo .insideModalInfo__contents .insideModalInfo__text {
      font-size: 17px;
      text-align: left; }
      .inside .insideModalInfo .insideModalInfo__contents .insideModalInfo__text br {
        display: none; }
    .inside .insideModalInfo .insideModalInfo__contents .insideModalInfo__close {
      width: 40px;
      height: 40px;
      top: -3px;
      right: -3px; }
      .inside .insideModalInfo .insideModalInfo__contents .insideModalInfo__close:after {
        background-size: 14px auto; }
      .inside .insideModalInfo .insideModalInfo__contents .insideModalInfo__close:hover {
        opacity: 1; }
      .inside .insideModalInfo .insideModalInfo__contents .insideModalInfo__close:active {
        opacity: .7; } }