@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
.mainContents .spOnly {
  display: none !important;
}

.mainContents .pcOnly {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .mainContents .spOnly {
    display: block !important;
  }
  .mainContents .pcOnly {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .mainContents {
    padding: 0;
  }
}
.socialArea,
.footerArea,
.breadcrumbs,
.banner-box {
  position: relative;
  z-index: 1;
}

.smoke-container {
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}

.background-white {
  background: #FFF;
  position: relative;
  z-index: 1;
}

canvas {
  width: 100%;
  height: 100%;
  -ms-touch-action: none;
      touch-action: none;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  left: 0;
}

.banner-box {
  padding-top: 100px;
  text-align: center;
}

.banner-top-box,
.banner-bottom-box {
  width: 100%;
}

.banner-bottom-box {
  margin-top: 64px;
}

.banner-top__link {
  pointer-events: none;
  cursor: default;
  color: inherit;
  text-decoration: none;
}

.banner-top__link,
.banner-bottom__link {
  width: 100%;
  max-width: 820px;
  display: block;
  margin: 0 auto;
}

.banner-img {
  width: 100%;
  height: 100%;
}

.spOnly {
  display: none;
}

@media (max-width: 500px) {
  .banner-box {
    padding-top: 40px;
    padding-inline: 15px;
  }
  .banner-bottom-box {
    margin-top: 30px;
  }
}
.sns_area {
  margin-top: 55px;
}

.sns__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
}

.sns__item {
  width: 68px;
  height: 68px;
}

.sns__link {
  width: 100%;
  height: 100%;
  display: block;
}
.sns__link img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .sns__item {
    width: 16.5333333333vw;
    height: 16.5333333333vw;
  }
  .sns__list {
    gap: 20px;
  }
  .spOnly {
    display: block;
  }
}
@media (max-width: 500px) {
  .sns_area {
    margin-top: 40px;
  }
}
@-webkit-keyframes kiran {
  0% {
    -webkit-transform: scale(2) rotate(45deg);
            transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(20) rotate(45deg);
            transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    -webkit-transform: scale(30) rotate(45deg);
            transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    -webkit-transform: scale(45) rotate(45deg);
            transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
            transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@keyframes kiran {
  0% {
    -webkit-transform: scale(2) rotate(45deg);
            transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(20) rotate(45deg);
            transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    -webkit-transform: scale(30) rotate(45deg);
            transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    -webkit-transform: scale(45) rotate(45deg);
            transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
            transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes caption-typing {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes caption-typing {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@-webkit-keyframes caption-typing-move {
  from {
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes caption-typing-move {
  from {
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.wow {
  visibility: hidden;
}
.wow.animated {
  visibility: visible;
}

.noukoukeema {
  overflow: hidden;
}
.noukoukeema .background-split {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #94252a), color-stop(50%, #231815));
  background: linear-gradient(90deg, #94252a 50%, #231815 50%);
}
.noukoukeema .l-content {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
}
.noukoukeema .l-content--small {
  max-width: 1000px;
  margin: 0 auto;
}
.noukoukeema .kv {
  text-align: center;
  padding-top: 80px;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .kv__heading img {
    max-width: 1028px;
    width: 71.389vw;
  }
}
.noukoukeema .kv__photo {
  padding-top: 90px;
  margin-top: 37px;
  position: relative;
  margin-left: 66px;
  z-index: 9;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .kv__photo img {
    max-width: 1052px;
    width: 73.056vw;
  }
}
.noukoukeema .hero__title {
  position: absolute;
  top: -87px;
  left: 50%;
  -webkit-transform: translateX(-61%);
      -ms-transform: translateX(-61%);
          transform: translateX(-61%);
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .hero__title img {
    max-width: 322px;
    width: 22.361vw;
  }
}
.noukoukeema .hero__caption {
  margin-top: -64px;
  position: relative;
  z-index: 1;
  display: block;
  clip-path: inset(0 100% 0 0);
  -webkit-transform: translateX(-6px);
      -ms-transform: translateX(-6px);
          transform: translateX(-6px);
  will-change: clip-path, transform;
}
.noukoukeema .hero__caption.animated {
  -webkit-animation: caption-typing 0.8s steps(24, end) forwards, caption-typing-move 0.8s ease-out forwards;
          animation: caption-typing 0.8s steps(24, end) forwards, caption-typing-move 0.8s ease-out forwards;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .hero__caption {
    margin-top: clamp(-64px, -3.544vw, 0px);
  }
  .noukoukeema .hero__caption img {
    max-width: 942px;
    width: 65.417vw;
  }
}
.noukoukeema .introduction {
  padding-bottom: 110px;
}
.noukoukeema .introduction__title {
  text-align: center;
  padding-top: 24px;
  padding-bottom: 33px;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .introduction__title img {
    max-width: 585px;
    width: 40.625vw;
  }
}
.noukoukeema .introduction__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 80px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.noukoukeema .introduction__packshot {
  text-align: center;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .introduction__bubble img {
    max-width: 438px;
    width: 30.417vw;
  }
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .introduction__product img {
    max-width: 370px;
    width: 30.417vw;
  }
}
.noukoukeema .introduction__cta {
  display: block;
  max-width: 410px;
  margin: 36px auto 0;
  max-height: 85px;
  height: 5.903vw;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .introduction__cta {
    max-width: 410px;
    width: 28.472vw;
  }
}
.noukoukeema .feature__title {
  text-align: center;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__title img {
    max-width: 367px;
    width: 25.486vw;
  }
}
.noukoukeema .feature__list {
  margin-top: 58px;
}
.noukoukeema .feature__item {
  border: 10px solid #bb3f46;
  border-radius: 3px;
  background: url(/products/special/noukoukeema/assets/images/bg-features.png);
  background-size: 100% auto;
  background-position: center;
  position: relative;
}
.noukoukeema .feature__item--sauce {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 70px;
  padding-left: 16.2%;
  padding-bottom: 35px;
  padding-right: 10px;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__item--sauce {
    gap: 0 5.347vw;
  }
}
.noukoukeema .feature__item--sauce .feature__image {
  margin-top: -50px;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__item--sauce .feature__image {
    margin-top: clamp(-50px, -3.472vw, 0px);
  }
  .noukoukeema .feature__item--sauce .feature__image img {
    max-width: 694px;
    width: 48.25vw;
  }
}
.noukoukeema .feature__item--sauce .feature__heading-vertical {
  padding-top: 45px;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__item--sauce .feature__heading-vertical img {
    max-width: 122px;
    width: 8.672vw;
  }
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__item--sauce .feature__number {
    max-width: 133px;
    width: 9.236vw;
  }
}
.noukoukeema .feature__item--sauce .feature__desc {
  padding-top: 15px;
}
.noukoukeema .feature__item--flavor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 15px;
  padding-left: auto;
  padding-top: 60px;
  padding-bottom: 30px;
  padding-right: 185px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__item--flavor {
    padding-right: 12.822vw;
    padding-top: 4.167vw;
  }
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__item--flavor .feature__heading-vertical img {
    max-width: 147px;
    width: 9.653vw;
  }
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__item--flavor .feature__image img {
    max-width: 786px;
    width: 55vw;
  }
}
.noukoukeema .feature__item--flavor .feature__desc {
  padding-left: 3.681vw;
  padding-top: 2.639vw;
}
.noukoukeema .feature__item--flavor .feature__note {
  padding-left: 3.681vw;
  padding-top: 0.972vw;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__item--flavor .feature__number {
    max-width: 147px;
    width: 10.208vw;
  }
}
.noukoukeema .feature__item--microwave-cooking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 45px;
  padding-left: 170px;
  padding-top: 70px;
  gap: 0 65px;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__item--microwave-cooking {
    gap: 0 4.514vw;
    padding-top: 4.861vw;
    padding-left: 12.639vw;
  }
}
.noukoukeema .feature__item--microwave-cooking .feature__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2.778vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -30px;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__item--microwave-cooking .feature__heading-vertical img {
    max-width: 195px;
    width: 13.542vw;
  }
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__item--microwave-cooking .feature__image img {
    max-width: 220px;
    width: 15.192vw;
  }
}
.noukoukeema .feature__item--microwave-cooking .feature__number {
  left: 160px;
  max-width: 147px;
  width: 10.208vw;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__item--microwave-cooking .feature__number {
    left: 11.389vw;
    max-width: 147px;
    width: 10.208vw;
  }
}
.noukoukeema .feature__item + .feature__item {
  margin-top: 77px;
}
.noukoukeema .feature__number {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: auto;
  left: 140px;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__number {
    left: 9.722vw;
  }
}
.noukoukeema .feature__number--right {
  right: 140px;
  left: auto;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .feature__number--right {
    right: 9.722vw;
  }
}
.noukoukeema .feature__heading-vertical {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
}
.noukoukeema .feature__desc {
  font-size: 22px;
  font-family: "Noto Sans JP";
  color: #ffffff;
  line-height: 1.818;
  text-align: left;
}
.noukoukeema .feature__note {
  font-size: 14px;
  font-family: "Noto Sans JP";
  color: #ffffff;
}
.noukoukeema .lineup {
  padding-top: 120px;
  padding-bottom: 93px;
  text-align: center;
}
@media (min-width: 767px) and (max-width: 1440px) {
  .noukoukeema .lineup__heading img {
    max-width: 744px;
    width: 51.667vw;
  }
}
.noukoukeema .lineup__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 40px;
  gap: 0 clamp(30px, 4.861vw, 70px);
  max-width: 1020px;
  margin: 0 auto;
}
.noukoukeema .lineup__item {
  position: relative;
  text-align: center;
  z-index: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.noukoukeema .lineup__photo {
  max-width: 430px;
  margin: 0 auto;
  width: 29.861vw;
}
.noukoukeema .lineup__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.noukoukeema .lineup__pkg {
  position: absolute;
  z-index: -1;
}
.noukoukeema .lineup__pkg--1 {
  left: -46%;
  bottom: 100px;
}
.noukoukeema .lineup__title {
  padding-top: 13px;
}
.noukoukeema .lineup__desc {
  font-size: 20px;
  font-family: "Noto Sans JP";
  color: #ffffff;
  line-height: 1.8;
  text-align: center;
  padding-top: 12px;
}
.noukoukeema .lineup__pkg--2 {
  right: -33%;
  bottom: 150px;
}
.noukoukeema .lineup__btn {
  display: block;
  margin-top: 56px;
  max-width: 600px;
  max-height: 95px;
  margin: 56px auto 0;
}
.noukoukeema .lineup__btn .btn__light {
  max-height: 95px;
}

.btn__hover {
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background: #ffffff;
  border-radius: 4px;
}
.btn__hover img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn__hover:hover img {
  text-decoration: none;
  opacity: 0.8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn__animation {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: calc(100% - 5px);
  display: block;
}

@media (max-width: 768px) {
  .noukoukeema img {
    width: 100%;
  }
  .noukoukeema .kv {
    padding-top: 0;
  }
  .noukoukeema .kv__heading {
    padding-top: 8.533vw;
    padding-inline: 1.333vw;
    width: 89.4vw;
    margin: 0 auto;
  }
  .noukoukeema .kv__photo {
    margin-left: 0;
    margin-top: 3.2vw;
    padding-top: 22.667vw;
    width: 100%;
  }
  .noukoukeema .hero__title {
    top: -18.533vw;
    width: 43vw;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .noukoukeema .hero__caption {
    margin-top: -4.267vw;
    width: 72vw;
    margin-inline: auto;
    -webkit-animation-delay: 2.2s !important;
            animation-delay: 2.2s !important;
  }
  .noukoukeema .hero__caption.animated {
    -webkit-animation: caption-typing 0.5s steps(24, end) forwards, caption-typing-move 0.5s ease-out forwards;
            animation: caption-typing 0.5s steps(24, end) forwards, caption-typing-move 0.5s ease-out forwards;
  }
  .noukoukeema .introduction {
    padding-bottom: 7.2vw;
  }
  .noukoukeema .introduction__title {
    width: 72vw;
    margin: 0 auto;
    padding-top: 6.133vw;
    padding-bottom: 8.8vw;
    -webkit-animation-delay: 2.6s !important;
            animation-delay: 2.6s !important;
  }
  .noukoukeema .introduction__block {
    gap: 0 5.333vw;
  }
  .noukoukeema .introduction__bubble {
    width: 44vw;
  }
  .noukoukeema .introduction__product {
    width: 41vw;
    margin: 0 auto;
    margin-top: 1.6vw;
  }
  .noukoukeema .introduction__cta {
    margin-top: 3.733vw;
    width: 44vw;
    height: auto;
  }
  .noukoukeema .feature__title {
    width: 44vw;
    margin: 0 auto;
    margin-top: 11.467vw;
  }
  .noukoukeema .feature__list {
    margin-top: 12.533vw;
    padding-inline: 4vw;
  }
  .noukoukeema .feature__item {
    border-width: 1.333vw;
  }
  .noukoukeema .feature__item--sauce {
    gap: 0 5.333vw;
    padding-left: 5vw;
    padding-bottom: 5.333vw;
  }
  .noukoukeema .feature__item--sauce .feature__image {
    margin-top: 1.867vw;
  }
  .noukoukeema .feature__item--sauce .feature__heading-vertical {
    padding-top: 9.067vw;
  }
  .noukoukeema .feature__item--sauce .feature__desc {
    padding-top: 2.133vw;
    padding-right: 5.333vw;
    line-height: 1.7;
  }
  .noukoukeema .feature__item--flavor {
    padding-top: 8.8vw;
    padding-left: 6.933vw;
    padding-right: 6.933vw;
    padding-bottom: 5.333vw;
  }
  .noukoukeema .feature__item--flavor .feature__heading-vertical {
    padding-top: 0;
    width: 18.5vw;
    position: absolute;
    right: 6.667vw;
  }
  .noukoukeema .feature__item--flavor .feature__image {
    width: 53vw;
  }
  .noukoukeema .feature__item--flavor .feature__desc {
    padding-left: 0vw;
    padding-top: 2.667vw;
    line-height: 1.7;
  }
  .noukoukeema .feature__item--flavor .feature__note {
    padding-left: 0;
    padding-top: 2.133vw;
    font-size: 3.2vw;
  }
  .noukoukeema .feature__item--flavor .feature__number {
    width: 19vw;
  }
  .noukoukeema .feature__item--microwave-cooking {
    padding-top: 8.8vw;
    padding-bottom: 5.333vw;
    padding-right: 6.667vw;
    padding-left: 4.533vw;
    gap: 0 1.067vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .noukoukeema .feature__item--microwave-cooking .feature__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
  }
  .noukoukeema .feature__item--microwave-cooking .feature__heading-vertical {
    width: 27vw;
    padding-top: 0;
  }
  .noukoukeema .feature__item--microwave-cooking .feature__desc {
    padding-top: 3.467vw;
    line-height: 1.7;
  }
  .noukoukeema .feature__item--microwave-cooking .feature__image {
    width: 29vw;
  }
  .noukoukeema .feature__item--microwave-cooking .feature__number {
    left: 4.8vw;
    width: 20vw;
  }
  .noukoukeema .feature__item + .feature__item {
    margin-top: 10.667vw;
  }
  .noukoukeema .feature__number {
    left: 5.333vw;
    width: 17vw;
  }
  .noukoukeema .feature__number--right {
    right: 5.333vw;
    left: auto;
  }
  .noukoukeema .feature__heading-vertical {
    padding-top: 9.067vw;
    width: 16.3vw;
    text-align: start;
  }
  .noukoukeema .feature__desc {
    font-size: 3.733vw;
    padding-left: 2.667vw;
    padding-top: 0vw;
  }
  .noukoukeema .feature__note {
    padding-left: 0;
    padding-top: 2.133vw;
    font-size: 3.2vw;
  }
  .noukoukeema .lineup {
    padding-bottom: 19.733vw;
    padding-top: 21.333vw;
  }
  .noukoukeema .lineup__heading {
    width: 88vw;
    margin: 0 auto;
  }
  .noukoukeema .lineup__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 1.333vw;
    gap: 3.2vw 0;
  }
  .noukoukeema .lineup__item {
    min-width: 0;
  }
  .noukoukeema .lineup__photo {
    width: 57vw;
    max-width: 100%;
    padding-top: 4.533vw;
  }
  .noukoukeema .lineup__pkg--1 {
    left: -13.333vw;
    width: 64vw;
    bottom: 26.667vw;
  }
  .noukoukeema .lineup__title {
    width: 77vw;
    margin: 0 auto;
  }
  .noukoukeema .lineup__title-2 {
    width: 70vw;
  }
  .noukoukeema .lineup__desc {
    font-size: 4.267vw;
    line-height: 1.5;
  }
  .noukoukeema .lineup__pkg--2 {
    right: 0;
    bottom: 26.667vw;
    width: 40vw;
  }
  .noukoukeema .lineup__btn {
    width: 90vw;
    margin-top: 4vw;
  }
}