.c-inner {
  margin: 0 auto;
  width: 900px
}
.u-num {
  font-family: "Open Sans",sans-serif
}
.u-br-sp {
  display: none
}
.u-br-pc {
  display: inline
}
.u-nowrap {
  white-space: nowrap
}
.u-comma-tight {
  letter-spacing: -.5em
}
.p-siroca-collabo picture {
  display: block
}
.p-siroca-collabo img {
  height: auto
}
.c-anchor-nav {
  display: flex;
  margin-top: 24px
}
.c-anchor-nav__item {
  text-align: center
}
.c-anchor-nav__link {
  display: block
}
.c-anchor-nav__img {
  display: block;
  height: auto;
  width: 240px
}
.c-texture-card__head {
  align-items: center;
  display: flex;
  gap: 30px;
  justify-content: flex-start
}
.c-texture-card__badge {
  border-radius: 50%;
  display: block;
  flex-shrink: 0;
  height: 148px;
  width: 148px
}
.c-texture-card__title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5
}
.c-texture-card__body {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  margin-top: 34px
}
.c-texture-card__product {
  flex-shrink: 0;
  text-align: left;
  width: 200px
}
.c-texture-card__product-label {
  background: #8cc6d5;
  border-radius: 0;
  color: #333;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  margin-left: 14px;
  padding: 2px 6px
}
.c-texture-card__product-name {
  color: #333;
  font-size: 15px;
  font-weight: 500;
  margin-left: 19px
}
.c-texture-card__product-name::before {
  content: "・"
}
.c-texture-card__product-label + .c-texture-card__product-name {
  margin-top: 8px
}
.c-texture-card__product-list {
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  margin-top: 11px
}
.c-texture-card__product-list--sp {
  display: none
}
.c-texture-card__product-img {
  border-radius: 8px;
  display: block;
  height: auto;
  margin: 0;
  width: 200px
}
.c-texture-card__product-item--purun-sp {
  position: relative
}
.c-texture-card__product-img-sub {
  bottom: 0;
  display: block;
  left: calc(-70 / 375 * 100vw);
  position: absolute;
  width: calc(108 / 375 * 100vw);
  z-index: 1
}
.c-texture-card__steps {
  align-items: flex-start;
  display: flex;
  gap: 52px;
  justify-content: flex-start
}
.c-texture-card__step {
  width: 288px
}
.c-texture-card__step:first-child {
  position: relative
}
.c-texture-card__step:first-child::after {
  background: url(/collab/nameraka-gohan/images/icons/icon-step-arrow.svg) no-repeat center/100% 100%;
  content: "";
  height: 26.3px;
  left: 261.5px;
  position: absolute;
  top: 76.8px;
  width: 115.5px
}
.c-texture-card__step-imgWrap {
  border-radius: 10px;
  overflow: hidden
}
.c-texture-card__step-img {
  aspect-ratio: 288/180;
  display: block;
  height: auto;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.c-texture-card__step-caption {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 8px
}
.c-texture-card__note {
  background: #fff;
  border-radius: 8px;
  padding: 20px 16px 16px;
  width: 288px
}
.c-texture-card__note-tag {
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2
}
.c-texture-card__note-tag-highlight {
  background: #90d5c8;
  font-weight: 700;
  padding: 2px 0
}
.c-texture-card__note-text {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 9px
}
.c-texture-card__difficult,
.c-texture-card__family {
  margin-bottom: 40px;
  text-align: center
}
.p-siroca-collabo__texture--yawaraka .c-texture-card__family {
  margin-top: 70px
}
.c-texture-card__difficult-label,
.c-texture-card__family-label {
  -webkit-text-stroke: 6px #fff;
  color: #333;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  paint-order: stroke fill
}
.c-texture-card__family-label {
  margin-bottom: -6px
}
.c-texture-card__difficult-label {
  margin-bottom: 12px
}
.c-texture-card__dish-img {
  aspect-ratio: 4/3;
  background: #e5ddd3;
  border-radius: 50%/40%;
  display: block;
  margin: 0 auto 12px;
  max-width: 484px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.c-texture-card__dish-img--cutout {
  aspect-ratio: auto;
  background: 0 0;
  border-radius: 0;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}
.c-texture-card__difficult-caption,
.c-texture-card__dish-caption {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 auto;
  text-align: left;
  width: -moz-fit-content;
  width: fit-content
}
.c-texture-card__point {
  align-items: center;
  background: #fff;
  border-radius: 50px;
  display: flex;
  gap: 16px;
  margin: 0 auto;
  padding: 16px 32px
}
.c-texture-card__point-badge {
  align-items: center;
  background: #a99a6b;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 700;
  height: 88px;
  justify-content: center;
  line-height: 1.4;
  text-align: center;
  width: 88px
}
.c-texture-card__point-text {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -.1em;
  line-height: 1.5;
  text-align: justify
}
.c-texture-card__point-heading {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -.1em;
  line-height: 1.5;
  margin-bottom: 8px;
  text-align: justify
}
.c-texture-card__point-body {
  align-items: flex-start;
  display: flex;
  gap: 16px
}
.c-texture-card__point-photo {
  flex-shrink: 0;
  height: auto;
  width: 142px
}
.c-texture-card__point-img {
  flex-shrink: 0;
  height: auto;
  width: 90px
}
.c-recipe-card-list {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-top: 38px
}
.c-recipe-card {
  border-radius: 10px;
  display: flex;
  overflow: hidden
}
.c-recipe-card.is-appearing {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .4s ease,transform .4s ease
}
.c-recipe-card.is-appearing.is-visible {
  opacity: 1;
  transform: translateY(0)
}
.c-recipe-card-list > .c-inner:nth-child(n+4) {
  display: none
}
.c-recipe-card-list > .c-inner:nth-child(n+4):has(.c-recipe-card.is-appearing) {
  display: block
}
.c-recipe-card__image {
  background: #e5ddd3;
  border-radius: 10px;
  flex-shrink: 0;
  height: 340px;
  overflow: hidden;
  width: 360px
}
.c-recipe-card__image img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.c-recipe-card__body {
  background: #fff;
  border-radius: 10px;
  flex: 1;
  min-width: 0;
  padding: 30px 20px;
  text-align: left
}
.c-recipe-card__title {
  color: #333;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.05em;
  line-height: 1.6
}
.c-recipe-card__meta {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  gap: 8px 16px;
  letter-spacing: -.1em;
  line-height: 1.3;
  margin-top: 8px
}
.c-recipe-card__meta-item {
  align-items: flex-start;
}
.c-recipe-card__meta-item--device {
  letter-spacing: -.15em
}
.c-recipe-card__meta-icon {
  height: auto;
  width: 24px
}
.c-recipe-card__ingredients {
  color: #333;
  letter-spacing: -.1em;
  margin-top: 12px
}
.c-recipe-card__ingredients-label {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal
}
.c-recipe-card__ingredients-list {
  margin-top: 4px;
  width: 216px;
  -moz-column-count: 1;
  column-count: 1;
  -moz-column-gap: 60px;
  column-gap: 60px;
  -moz-column-rule: 1px solid #b8a072;
  column-rule: 1px solid #b8a072;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7
}
.c-recipe-card__ingredients-note {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  margin-top: 1em
}
.c-recipe-card__ingredients-row {
  align-items: baseline;
  display: flex;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid
}
.c-recipe-card__ingredients-row dt {
  flex-shrink: 0;
  white-space: nowrap
}
.c-recipe-card__ingredients-row dd {
  align-items: baseline;
  display: flex;
  flex: 1 1 auto;
  letter-spacing: normal;
  min-width: 0
}
.c-recipe-card__ingredients-leader {
  flex: 1 1 auto;
  margin: 0 .3em;
  overflow: hidden;
  white-space: nowrap
}
.c-recipe-card__ingredients-leader::after {
  color: inherit;
  content: "‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥";
  letter-spacing: 1px
}
.c-recipe-card__ingredients-value {
  flex-shrink: 0
}
.c-recipe-card__ingredients-row--note {
  margin-top: 24px
}
.c-recipe-card__ingredients-row--column-break {
  break-before: column
}
.c-recipe-card__ingredients-row--note dt {
  padding-top: 22px;
  position: relative
}
.c-recipe-card__ingredients-note-badge {
  align-items: center;
  background: #b8a072;
  border-radius: 9px;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  justify-content: center;
  left: 0;
  line-height: 1;
  padding: 3px 0;
  position: absolute;
  top: 0;
  width: 120px
}
.c-recipe-card-more {
  margin: 20px auto 0
}
.c-recipe-card-more.is-hidden {
  display: none
}
.c-btn {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  padding: 16px 32px
}
.c-btn--orange {
  background: #ec6c00;
  color: #fff;
  font-size: 20px;
  line-height: 1.2
}
.c-btn--blue {
  background: #4dabe1;
  color: #fff;
  font-size: 20px;
  line-height: 1.2
}
.c-btn--blue,
.c-btn--orange {
  border: 1px solid transparent;
  height: 60px;
  letter-spacing: -.02em;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 280px
}
.c-btn__icon {
  border-radius: 50%;
  height: 32px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px
}
.c-btn__icon::before {
  background-image: url(/collab/nameraka-gohan/images/icons/icon-btn-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 13px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 16px
}
.c-btn--blue .c-btn__icon {
  background-color: #1d95d9
}
.c-btn--orange .c-btn__icon {
  background-color: #e55100
}
.c-btn--outline {
  background: #55607f;
  border: 1px solid transparent;
  color: #fff;
  font-size: 18px;
  line-height: 1.3;
  padding: 11px 0;
  width: 240px
}
.p-siroca-collabo__kv {
  position: relative;
  z-index: 0
}
.p-siroca-collabo__kv::after {
  background: url(/collab/nameraka-gohan/images/fv-wave.png) no-repeat bottom center/100% 152.5px;
  background: -webkit-image-set(url("/collab/nameraka-gohan/images/fv-wave.webp") type("image/webp"), url("/collab/nameraka-gohan/images/fv-wave.png") type("image/png")) no-repeat bottom center/100% 152.5px;
  background: image-set(url("/collab/nameraka-gohan/images/fv-wave.webp") type("image/webp"), url("/collab/nameraka-gohan/images/fv-wave.png") type("image/png")) no-repeat bottom center/100% 152.5px;
  bottom: -2px;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1
}
.p-siroca-collabo__kv-bg {
  background: #fcf9f4 url(/collab/nameraka-gohan/images/kv-bg.jpg) center/cover no-repeat;
  background: #fcf9f4 -webkit-image-set(url("/collab/nameraka-gohan/images/kv-bg.webp") type("image/webp"), url("/collab/nameraka-gohan/images/kv-bg.jpg") type("image/jpeg")) center/cover no-repeat;
  background: #fcf9f4 image-set(url("/collab/nameraka-gohan/images/kv-bg.webp") type("image/webp"), url("/collab/nameraka-gohan/images/kv-bg.jpg") type("image/jpeg")) center/cover no-repeat;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2
}
.p-siroca-collabo__kv-bg-mask {
  background-color: #fff3dc;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%
}
.p-siroca-collabo__kv-content {
  height: 100%;
  overflow: hidden;
  padding-top: 90px;
  position: relative
}
.p-siroca-collabo__kv-breadcrumb {
  margin: 0 auto;
  max-width: 1240px;
  padding-left: 90px
}
.p-siroca-collabo__kv-breadcrumb .Breadcrumb {
  background: #f6f4f2
}
.p-siroca-collabo__kv-breadcrumb .Breadcrumb_item {
  padding-right: 0
}
.p-siroca-collabo__kv-breadcrumb .Breadcrumb_item,
.p-siroca-collabo__kv-breadcrumb .Breadcrumb_link {
  color: #474747
}
.p-siroca-collabo__kv-body {
  color: #fff;
  margin-top: 168px;
  padding: 0 24px;
  text-align: center
}
.p-siroca-collabo__kv-lead {
  opacity: 1
}
.p-siroca-collabo__kv-lead-text {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 2.2;
  word-break: keep-all
}
.p-siroca-collabo__kv-lead-text + .p-siroca-collabo__kv-lead-text {
  margin-top: 2em
}
.p-siroca-collabo__kv-heading {
  filter: drop-shadow(0 0 .4px rgb(0, 0, 0)) drop-shadow(0 0 4.5px rgba(0, 0, 0, .7)) drop-shadow(0 0 6px rgba(0, 0, 0, .7));
  font-size: 46px;
  font-weight: 700;
  letter-spacing: .028em;
  line-height: 1.2
}
.p-siroca-collabo__kv-subheading {
  filter: drop-shadow(0 0 .4px rgb(0, 0, 0)) drop-shadow(0 0 4.5px rgba(0, 0, 0, .7)) drop-shadow(0 0 6px rgba(0, 0, 0, .7));
  font-size: 24px;
  font-weight: 500;
  margin-top: 16px
}
.pin-spacer {
  background-color: #fff3dc;
  background-image: url(/collab/nameraka-gohan/images/bg-pattern.png);
  background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/bg-pattern.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg-pattern.png") type("image/png"));
  background-image: image-set(url("/collab/nameraka-gohan/images/bg-pattern.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg-pattern.png") type("image/png"));
  background-repeat: repeat;
  background-size: 1280px 80px
}
.p-siroca-collabo__intro {
  background-color: #fff3dc;
  padding: 80px 0;
  position: relative;
  z-index: 0
}
.p-siroca-collabo__intro::before {
  background-image: url(/collab/nameraka-gohan/images/bg-pattern.png);
  background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/bg-pattern.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg-pattern.png") type("image/png"));
  background-image: image-set(url("/collab/nameraka-gohan/images/bg-pattern.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg-pattern.png") type("image/png"));
  background-repeat: repeat;
  background-size: 1280px 80px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}
.p-siroca-collabo__intro-products {
  display: flex;
  gap: 230px;
  justify-content: center;
  margin-top: 80px
}
.p-siroca-collabo__intro-product {
  max-width: 280px;
  position: relative;
  text-align: center;
  z-index: 0
}
.p-siroca-collabo__intro-product::before {
  aspect-ratio: 804/601;
  background: no-repeat center/contain;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 180%;
  z-index: -1
}
.p-siroca-collabo__intro-product:first-child::before {
  background-image: url(/collab/nameraka-gohan/images/intro-product-bg01.png);
  background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/intro-product-bg01.webp") type("image/webp"), url("/collab/nameraka-gohan/images/intro-product-bg01.png") type("image/png"));
  background-image: image-set(url("/collab/nameraka-gohan/images/intro-product-bg01.webp") type("image/webp"), url("/collab/nameraka-gohan/images/intro-product-bg01.png") type("image/png"))
}
.p-siroca-collabo__intro-product:last-child::before {
  background-image: url(/collab/nameraka-gohan/images/intro-product-bg02.png);
  background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/intro-product-bg02.webp") type("image/webp"), url("/collab/nameraka-gohan/images/intro-product-bg02.png") type("image/png"));
  background-image: image-set(url("/collab/nameraka-gohan/images/intro-product-bg02.webp") type("image/webp"), url("/collab/nameraka-gohan/images/intro-product-bg02.png") type("image/png"))
}
.p-siroca-collabo__intro-product-img {
  display: block;
  height: auto;
  width: 100%
}
.p-siroca-collabo__intro-product-title {
  color: #333;
  font-size: 20px;
  font-weight: 500
}
.p-siroca-collabo__intro-product-text {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 14px;
  text-align: justify
}
.p-siroca-collabo__intro-heading {
  color: #333;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.5;
  text-align: center
}
.p-siroca-collabo__intro-navLabel {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 28px;
  font-weight: 500;
  gap: 10px;
  justify-content: center;
  line-height: 1.7;
  margin-top: 32px
}
.p-siroca-collabo__intro-navLabel::after,
.p-siroca-collabo__intro-navLabel::before {
  content: "";
  flex: none;
  height: 40px;
  width: 24px
}
.p-siroca-collabo__intro-navLabel::before {
  background: linear-gradient(to top right,transparent calc(50% - .75px),#333 calc(50% - .75px),#333 calc(50% + .75px),transparent calc(50% + .75px))
}
.p-siroca-collabo__intro-navLabel::after {
  background: linear-gradient(to top left,transparent calc(50% - .75px),#333 calc(50% - .75px),#333 calc(50% + .75px),transparent calc(50% + .75px))
}
.p-siroca-collabo__intro-navLabel-num {
  font-size: 32px;
  line-height: 1
}
.p-siroca-collabo__texture--creamy {
  background-color: #fff3dc;
  background-image: url(/collab/nameraka-gohan/images/bg02.png);
  background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/bg02.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg02.png") type("image/png"));
  background-image: image-set(url("/collab/nameraka-gohan/images/bg02.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg02.png") type("image/png"));
  background-repeat: repeat;
  background-size: 1280px 80px;
  padding: 190px 0 172px;
  position: relative;
  z-index: 0
}
.p-siroca-collabo__texture--creamy::before {
  background: url(/collab/nameraka-gohan/images/intro-wave.png) no-repeat top center/100% 110px;
  background: -webkit-image-set(url("/collab/nameraka-gohan/images/intro-wave.webp") type("image/webp"), url("/collab/nameraka-gohan/images/intro-wave.png") type("image/png")) no-repeat top center/100% 110px;
  background: image-set(url("/collab/nameraka-gohan/images/intro-wave.webp") type("image/webp"), url("/collab/nameraka-gohan/images/intro-wave.png") type("image/png")) no-repeat top center/100% 110px;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: -2px;
  width: 100%;
  z-index: -1
}
.p-siroca-collabo__texture--creamy::after {
  background: url(/collab/nameraka-gohan/images/creamy-wave.png) no-repeat bottom center/100% 92px;
  background: -webkit-image-set(url("/collab/nameraka-gohan/images/creamy-wave.webp") type("image/webp"), url("/collab/nameraka-gohan/images/creamy-wave.png") type("image/png")) no-repeat bottom center/100% 92px;
  background: image-set(url("/collab/nameraka-gohan/images/creamy-wave.webp") type("image/webp"), url("/collab/nameraka-gohan/images/creamy-wave.png") type("image/png")) no-repeat bottom center/100% 92px;
  bottom: -2px;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: -1
}
.p-siroca-collabo__texture--purun {
  background-color: #fff3dc;
  padding: 80px 0;
  position: relative;
  z-index: 0
}
.p-siroca-collabo__texture--purun::before {
  background-image: url(/collab/nameraka-gohan/images/bg-pattern.png);
  background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/bg-pattern.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg-pattern.png") type("image/png"));
  background-image: image-set(url("/collab/nameraka-gohan/images/bg-pattern.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg-pattern.png") type("image/png"));
  background-repeat: repeat;
  background-size: 1280px 80px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}
.p-siroca-collabo__texture--yawaraka {
  background-color: #fff3dc;
  background-image: url(/collab/nameraka-gohan/images/bg02.png);
  background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/bg02.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg02.png") type("image/png"));
  background-image: image-set(url("/collab/nameraka-gohan/images/bg02.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg02.png") type("image/png"));
  background-repeat: repeat;
  background-size: 1280px 80px;
  padding: 188px 0 80px;
  position: relative;
  z-index: 0
}
.p-siroca-collabo__texture--yawaraka::before {
  background: url(/collab/nameraka-gohan/images/yawaraka-wave.png) no-repeat top center/100% 108px;
  background: -webkit-image-set(url("/collab/nameraka-gohan/images/yawaraka-wave.webp") type("image/webp"), url("/collab/nameraka-gohan/images/yawaraka-wave.png") type("image/png")) no-repeat top center/100% 108px;
  background: image-set(url("/collab/nameraka-gohan/images/yawaraka-wave.webp") type("image/webp"), url("/collab/nameraka-gohan/images/yawaraka-wave.png") type("image/png")) no-repeat top center/100% 108px;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: -2px;
  width: 100%;
  z-index: -1
}
.p-siroca-collabo__recipe {
  background-color: #fff3dc;
  background-image: url(/collab/nameraka-gohan/images/bg02.png);
  background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/bg02.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg02.png") type("image/png"));
  background-image: image-set(url("/collab/nameraka-gohan/images/bg02.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg02.png") type("image/png"));
  background-repeat: repeat;
  background-size: 1280px 80px
}
.p-siroca-collabo__recipe-banner {
  align-items: center;
  display: flex;
  gap: 40px;
  height: 320px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 0
}
.p-siroca-collabo__recipe-banner::after {
  background: rgba(255,255,255,.75);
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1
}
.p-siroca-collabo__recipe-banner-bg {
  background: #e5ddd3 url(/collab/nameraka-gohan/images/recipe-banner-bg.jpg) center/cover no-repeat;
  background: #e5ddd3 -webkit-image-set(url("/collab/nameraka-gohan/images/recipe-banner-bg.webp") type("image/webp"), url("/collab/nameraka-gohan/images/recipe-banner-bg.jpg") type("image/jpeg")) center/cover no-repeat;
  background: #e5ddd3 image-set(url("/collab/nameraka-gohan/images/recipe-banner-bg.webp") type("image/webp"), url("/collab/nameraka-gohan/images/recipe-banner-bg.jpg") type("image/jpeg")) center/cover no-repeat;
  height: 130%;
  left: 0;
  position: absolute;
  top: -15%;
  width: 100%;
  will-change: transform;
  z-index: -2
}
.p-siroca-collabo__recipe-bannerBadges {
  display: contents
}
.p-siroca-collabo__recipe-bannerBadge {
  display: block;
  width: 184px
}
.p-siroca-collabo__recipe-bannerBadge img {
  height: auto;
  width: 100%
}
.p-siroca-collabo__recipe-bannerBadge--blender {
  order: 1
}
.p-siroca-collabo__recipe-bannerBadge--cooker {
  order: 3
}
.p-siroca-collabo__recipe-bannerContent {
  order: 2
}
.p-siroca-collabo__recipe-bannerTitle {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1
}
.p-siroca-collabo__recipe-bannerText {
  color: #333;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.6;
  margin-top: 36px
}
.p-siroca-collabo__recipe-inner {
  padding: 100px 0 70px;
  text-align: center
}
.p-siroca-collabo__recipe-title {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-align: center
}
.p-siroca-collabo__cta {
  background-color: #fff;
  background-image: url(/collab/nameraka-gohan/images/bg02.png);
  background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/bg02.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg02.png") type("image/png"));
  background-image: image-set(url("/collab/nameraka-gohan/images/bg02.webp") type("image/webp"), url("/collab/nameraka-gohan/images/bg02.png") type("image/png"));
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 1280px 80px;
  display: flex
}
.p-siroca-collabo__cta-col {
  flex: 1;
  padding: 40px 32px 50px;
  text-align: center
}
.p-siroca-collabo__cta-col--siroca {
  background: #ceedf8;
  border-radius: 0 20px 20px 0
}
.p-siroca-collabo__cta-col--nutri {
  background: #fdd8bc;
  border-radius: 20px 0 0 20px
}
.p-siroca-collabo__cta-colInner {
  margin: 0 auto
}
.p-siroca-collabo__cta-productList {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  text-align: left
}
.p-siroca-collabo__cta-productGroup + .p-siroca-collabo__cta-productGroup {
  border-top: 1px dashed #8c8c8c;
  margin-top: 26px;
  padding-top: 26px
}
.p-siroca-collabo__cta-productNote {
  color: #333;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -.05em;
  line-height: 1.3;
  margin-top: 12px;
  text-align: justify
}
.p-siroca-collabo__cta-productImages {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px
}
.p-siroca-collabo__cta-productImages--nogap {
  gap: 0
}
.p-siroca-collabo__cta-productImg {
  border-radius: 10px;
  display: block;
  height: auto;
  width: 130px;
  -o-object-fit: contain;
  object-fit: contain
}
.p-siroca-collabo__cta-logomark {
  display: block;
  flex-shrink: 0;
  height: auto;
  width: 72px
}
.p-siroca-collabo__cta-noteRow .p-siroca-collabo__cta-logomark {
  display: none
}
.p-siroca-collabo__cta-productInfo {
  flex: 1;
  min-width: 0
}
.p-siroca-collabo__cta-productName {
  border-bottom: 1px solid #333;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 6px
}
.p-siroca-collabo__cta-productName .p-siroca-collabo__cta-en {
  font-weight: 600
}
.p-siroca-collabo__cta-productText {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -.08em;
  line-height: 1.6;
  margin-top: 12px
}
.p-siroca-collabo__cta-productText li + li {
  margin-top: 2px
}
.p-siroca-collabo__cta-productText li {
  padding-left: 1em;
  text-indent: -1em
}
.p-siroca-collabo__cta-productText li::before {
  content: "・"
}
.p-siroca-collabo__cta-logoSlot {
  align-items: flex-end;
  display: flex;
  justify-content: center
}
.p-siroca-collabo__cta-logoSlot + .c-btn {
  margin-top: 34px
}
.p-siroca-collabo__cta-logo {
  display: block;
  height: auto
}
.p-siroca-collabo__cta-col--siroca .p-siroca-collabo__cta-logo {
  width: 134px
}
.p-siroca-collabo__cta-col--nutri .p-siroca-collabo__cta-logo {
  width: 183px
}
.p-siroca-collabo {
  font-family: "Zen Kaku Gothic New",sans-serif
}
@media (hover:hover) and (pointer:fine) {
  .c-anchor-nav__link {
    transition: opacity .3s ease,transform .3s ease
  }
  .c-anchor-nav__link:hover {
    opacity: .9;
    transform: scale(1.03)
  }
  .c-btn {
    transition: opacity .3s ease
  }
  .c-btn:hover {
    opacity: .7
  }
  .c-btn--orange {
    transition: background-color .3s ease,color .3s ease,border-color .3s ease
  }
  .c-btn--orange:hover {
    background: #fff;
    border-color: #ec6c00;
    color: #ec6c00;
    opacity: 1
  }
  .c-btn--blue {
    transition: background-color .3s ease,color .3s ease,border-color .3s ease
  }
  .c-btn--blue:hover {
    background: #fff;
    border-color: #4dabe1;
    color: #4dabe1;
    opacity: 1
  }
  .c-btn--blue:hover .c-btn__icon::before,
  .c-btn--orange:hover .c-btn__icon::before {
    animation: c-btn-icon-flow .6s ease
  }
  .c-btn--outline {
    transition: background-color .3s ease,color .3s ease,border-color .3s ease
  }
  .c-btn--outline:hover {
    background: #fff;
    border-color: #55607f;
    color: #55607f;
    opacity: 1
  }
}
@media (min-width:768px) {
  .c-anchor-nav {
    justify-content: space-around
  }
  .c-texture-card__body {
    justify-content: space-between
  }
  .c-texture-card__note {
    margin: 20px 0 38px auto;
  }
	.p-siroca-collabo__texture--creamy .c-texture-card__note {
    margin: -40px 0 38px auto
	}
  .c-texture-card__dishes {
    height: 522.8px;
    margin: 0 auto 52px;
    position: relative;
    width: 846.5px
  }
  .c-texture-card__dishes .c-texture-card__difficult,
  .c-texture-card__dishes .c-texture-card__family {
    margin-bottom: 0;
    text-align: left
  }
  .c-texture-card__dishes .c-texture-card__family {
    left: 0;
    position: absolute;
    top: 0;
    width: 484px;
    z-index: 1
  }
  .c-texture-card__dishes .c-texture-card__difficult {
    left: 362.5px;
    position: absolute;
    top: 127.9px;
    width: 484px
  }
  .p-siroca-collabo__texture--purun .c-texture-card__family-label,
  .p-siroca-collabo__texture--yawaraka .c-texture-card__family-label {
    margin: 0 auto;
    max-width: 484px;
    text-align: left;
    width: 100%
  }
  .c-texture-card__dishes .c-texture-card__family-label {
    margin-left: 6px
  }
  .c-texture-card__dishes .c-texture-card__difficult-label {
    margin-left: 280px
  }
  .c-texture-card__dishes .c-texture-card__family .c-texture-card__dish-img {
    margin: -5px 0 12px;
    width: 484px
  }
  .c-texture-card__dishes .c-texture-card__difficult .c-texture-card__dish-img {
    margin: 13px 0 18px;
    width: 484px
  }
  .c-texture-card__dishes .c-texture-card__dish-caption {
    margin-left: 31px
  }
  .c-texture-card__dishes .c-texture-card__difficult-caption {
    margin-left: 86px
  }
  .c-texture-card__point {
    display: block;
    height: 120px;
    margin: 0 auto 0 206px;
    padding: 0;
    position: relative;
    width: 550px
  }
  .c-texture-card__point--creamy,
  .c-texture-card__point--purun,
  .c-texture-card__point--yawaraka {
    height: auto;
    padding: 27px 32px 24px 58px
  }
  .c-texture-card__point-badge {
    left: -60px;
    position: absolute;
    top: 16px
  }
  .c-texture-card__point-text {
    left: 58px;
    position: absolute;
    top: 27px;
    width: 329px
  }
  .c-texture-card__point--purun .c-texture-card__point-heading {
    margin-bottom: 0;
    width: 342px
  }
  .c-texture-card__point-body {
    position: relative
  }
  .c-texture-card__point-body .c-texture-card__point-text {
    position: static
  }
  .c-texture-card__point--creamy .c-texture-card__point-body .c-texture-card__point-text {
    width: 302px
  }
  .c-texture-card__point--yawaraka .c-texture-card__point-body .c-texture-card__point-text {
    width: 362px
  }
  .c-texture-card__point-photo {
    position: absolute;
    right: 0;
    top: -18px
  }
  .c-texture-card__point--purun .c-texture-card__point-photo {
    top: 12px
  }
  .c-texture-card__point-img {
    position: absolute;
    right: -20px;
    top: 10px;
    width: 118px
  }
  .c-recipe-card__ingredients-list {
    line-height: 1.5
  }
  .c-recipe-card__ingredients-list:has(.c-recipe-card__ingredients-row:nth-child(2)) {
    width: 492px;
    -moz-column-count: 2;
    column-count: 2
  }
  .p-siroca-collabo__kv {
    height: 770px
  }
  .p-siroca-collabo__cta-col--siroca {
    padding-right: 30px
  }
  .p-siroca-collabo__cta-col--nutri {
    padding-left: 30px
  }
  .p-siroca-collabo__cta-colInner {
    margin-left: auto;
    margin-right: 0;
    max-width: 420px
  }
  .p-siroca-collabo__cta-col--nutri .p-siroca-collabo__cta-colInner {
    margin-left: 0;
    margin-right: auto
  }
  .p-siroca-collabo__cta-productGroup:nth-of-type(1) {
    min-height: 300px
  }
  .p-siroca-collabo__cta-productGroup:nth-of-type(2) {
    min-height: 249px
  }
  .p-siroca-collabo__cta-logoSlot {
    height: 67px
  }
}
@media (max-width:767px) {
  .c-inner {
    width: calc(327 / 375 * 100vw)
  }
  .u-br-sp {
    display: inline
  }
  .u-br-pc {
    display: none
  }
  .c-anchor-nav {
    align-items: center;
    flex-direction: column;
    gap: calc(30 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw)
  }
  .c-anchor-nav__img {
    width: calc(240 / 375 * 100vw)
  }
  .c-texture-card__head {
    flex-direction: column;
    gap: calc(12 / 375 * 100vw)
  }
  .c-texture-card__badge {
    height: calc(133 / 375 * 100vw);
    width: calc(133 / 375 * 100vw)
  }
  .c-texture-card__title {
    font-size: calc(24 / 375 * 100vw);
    letter-spacing: -.04em;
    line-height: 1.3;
    text-align: center
  }
  .c-texture-card__body {
    align-items: center;
    flex-direction: column;
    gap: calc(40 / 375 * 100vw);
    margin-top: calc(38 / 375 * 100vw)
  }
  .c-texture-card__product {
    text-align: center;
    width: auto
  }
  .c-texture-card__body .c-texture-card__product {
    align-items: flex-start;
    display: flex;
    gap: calc(16 / 375 * 100vw);
    justify-content: center;
    text-align: left;
    width: auto
  }
  .c-texture-card__product-info {
    flex-shrink: 0;
    margin-top: calc(12 / 375 * 100vw)
  }
  .p-siroca-collabo__texture--purun .c-texture-card__product-info {
    margin-top: 0
  }
  .c-texture-card__product-label {
    font-size: calc(15 / 375 * 100vw);
    margin-left: 0
  }
  .c-texture-card__product-name {
    font-size: calc(15 / 375 * 100vw);
    margin-left: 0
  }
  .c-texture-card__product-list {
    justify-content: center
  }
  .c-texture-card__product-list--pc {
    display: none
  }
  .c-texture-card__product-list--sp {
    display: flex
  }
  .c-texture-card__product-img {
    width: calc(120 / 375 * 100vw)
  }
  .c-texture-card__steps {
    gap: calc(16 / 375 * 100vw);
    justify-content: center
  }
  .c-texture-card__body .c-texture-card__steps {
    flex-direction: column;
    gap: calc(60 / 375 * 100vw);
    justify-content: center
  }
  .c-texture-card__step {
    width: calc(140 / 375 * 100vw)
  }
  .c-texture-card__body .c-texture-card__step {
    width: calc(288 / 375 * 100vw)
  }
  .c-texture-card__step:first-child::after {
    content: none
  }
  .c-texture-card__body .c-texture-card__step:first-child::after {
    background: url(/collab/nameraka-gohan/images/icons/icon-step-arrow-sp.svg) no-repeat center/100% 100%;
    content: "";
    height: calc(100 / 375 * 100vw);
    left: auto;
    margin: 0;
    right: calc(5 / 375 * 100vw);
    top: calc(100% - calc(16 / 375 * 100vw));
    width: calc(28 / 375 * 100vw)
  }
  .c-texture-card__step-imgWrap {
    border-radius: calc(10 / 375 * 100vw)
  }
  .c-texture-card__step-caption {
    font-size: calc(16 / 375 * 100vw);
    margin-top: calc(8 / 375 * 100vw)
  }
  .c-texture-card__note {
    margin: calc(16 / 375 * 100vw) auto calc(60 / 375 * 100vw);
    padding: calc(20 / 375 * 100vw) calc(16 / 375 * 100vw) calc(16 / 375 * 100vw);
    width: calc(288 / 375 * 100vw)
  }
  .c-texture-card__note-tag {
    font-size: calc(14 / 375 * 100vw)
  }
  .c-texture-card__note-text {
    font-size: calc(14 / 375 * 100vw);
    margin-top: calc(9 / 375 * 100vw)
  }
  .c-texture-card__dishes {
    margin-bottom: calc(90 / 375 * 100vw)
  }
  .c-texture-card__difficult,
  .c-texture-card__family {
    margin-bottom: calc(32 / 375 * 100vw)
  }
  .p-siroca-collabo__texture--yawaraka .c-texture-card__family {
    margin-top: calc(62 / 375 * 100vw)
  }
  .p-siroca-collabo__texture--purun .c-texture-card__family,
  .p-siroca-collabo__texture--yawaraka .c-texture-card__family {
    margin-bottom: calc(90 / 375 * 100vw)
  }
  .c-texture-card__difficult-label,
  .c-texture-card__family-label {
    font-size: calc(20 / 375 * 100vw);
    margin-left: calc(4 / 375 * 100vw);
    text-align: left
  }
  .c-texture-card__difficult-label {
    margin-bottom: calc(20 / 375 * 100vw)
  }
  .c-texture-card__dish-img {
    margin-bottom: calc(12 / 375 * 100vw);
    margin-left: calc(50% - 50vw);
    max-width: none;
    width: 100vw
  }
  .c-texture-card__difficult-caption,
  .c-texture-card__dish-caption {
    font-size: calc(16 / 375 * 100vw)
  }
  .c-texture-card__dish-caption {
    letter-spacing: -.02em
  }
  .c-texture-card__point {
    border-radius: 10px;
    flex-direction: column;
    max-width: 100%;
    padding: calc(50 / 375 * 100vw) calc(30 / 375 * 100vw) calc(30 / 375 * 100vw);
    text-align: center;
    width: calc(280 / 375 * 100vw)
  }
  .c-texture-card__point--creamy,
  .c-texture-card__point--purun,
  .c-texture-card__point--yawaraka {
    position: relative;
    text-align: left
  }
  .c-texture-card__point--yawaraka {
    padding-bottom: calc(55 / 375 * 100vw)
  }
  .c-texture-card__point--creamy {
    display: grid;
    grid-template-areas: "heading" "text";
    grid-template-columns: 1fr;
    grid-row-gap: calc(8 / 375 * 100vw);
    row-gap: calc(8 / 375 * 100vw)
  }
  .c-texture-card__point--creamy .c-texture-card__point-badge,
  .c-texture-card__point--purun .c-texture-card__point-badge,
  .c-texture-card__point--yawaraka .c-texture-card__point-badge {
    position: absolute;
    right: calc(21 / 375 * 100vw);
    top: calc(-52 / 375 * 100vw)
  }
  .c-texture-card__point--creamy .c-texture-card__point-heading {
    grid-area: heading;
    margin-top: 0
  }
  .c-texture-card__point--creamy .c-texture-card__point-body {
    display: contents
  }
  .c-texture-card__point--creamy .c-texture-card__point-text {
    grid-area: text
  }
  .c-texture-card__point--creamy .c-texture-card__point-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1
  }
  .c-texture-card__point--creamy .c-texture-card__point-text {
    -ms-grid-row: 3;
    -ms-grid-column: 1
  }
  .c-texture-card__point--creamy .c-texture-card__point-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1
  }
  .c-texture-card__point--creamy .c-texture-card__point-text {
    -ms-grid-row: 3;
    -ms-grid-column: 1
  }
  .c-texture-card__point--creamy .c-texture-card__point-photo,
  .c-texture-card__point--purun .c-texture-card__point-photo {
    left: calc(23 / 375 * 100vw);
    margin: 0;
    position: absolute;
    top: calc(-38 / 375 * 100vw)
  }
  .c-texture-card__point-badge {
    font-size: calc(15 / 375 * 100vw);
    height: calc(88 / 375 * 100vw);
    width: calc(88 / 375 * 100vw)
  }
  .c-texture-card__point-text {
    font-size: calc(16 / 375 * 100vw)
  }
  .c-texture-card__point-heading {
    font-size: calc(16 / 375 * 100vw)
  }
  .c-texture-card__point-body {
    align-items: center;
    flex-direction: column
  }
  .c-texture-card__point--yawaraka .c-texture-card__point-body .c-texture-card__point-text {
    width: 100%
  }
  .c-texture-card__point-photo {
    width: calc(142 / 375 * 100vw)
  }
  .c-texture-card__point-img {
    bottom: calc(-12 / 375 * 100vw);
    position: absolute;
    right: calc(24 / 375 * 100vw);
    width: calc(115 / 375 * 100vw)
  }
  .c-recipe-card-list {
    gap: calc(20 / 375 * 100vw);
    margin-top: calc(38 / 375 * 100vw)
  }
  .c-recipe-card {
    flex-direction: column;
  }
  .c-recipe-card__image {
    height: calc(280 / 375 * 100vw);
    width: calc(328 / 375 * 100vw)
  }
  .c-recipe-card__body {
    padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw)
  }
  .c-recipe-card__title {
    font-size: calc(20 / 375 * 100vw)
  }
  .c-recipe-card__meta {
    font-size: calc(16 / 375 * 100vw)
  }
  .c-recipe-card__meta-item {
    gap: calc(4 / 375 * 100vw)
  }
  .c-recipe-card__meta-item--2line {
    align-items: flex-start
  }
  /* .c-recipe-card__meta-item-separator {
    display: none
  } */
  .c-recipe-card__meta-icon {
    width: calc(24 / 375 * 100vw)
  }
  .c-recipe-card__ingredients-label {
    font-size: calc(14 / 375 * 100vw)
  }
  .c-recipe-card__ingredients-list {
    width: auto;
    -moz-column-count: 1;
    column-count: 1;
    font-size: calc(14 / 375 * 100vw)
  }
  .c-recipe-card__ingredients-note {
    font-size: calc(12 / 375 * 100vw)
  }
  .c-recipe-card__ingredients-row--column-break,
  .c-recipe-card__ingredients-row--note {
    break-before: auto
  }
  .c-recipe-card__ingredients-row--note dt {
    padding-top: calc(22 / 375 * 100vw)
  }
  .c-recipe-card__ingredients-note-badge {
    border-radius: calc(9 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    padding: calc(3 / 375 * 100vw) 0;
    width: calc(120 / 375 * 100vw)
  }
  .c-recipe-card-more {
    margin-top: calc(24 / 375 * 100vw)
  }
  .c-btn--orange {
    font-size: calc(20 / 375 * 100vw)
  }
  .c-btn--blue {
    font-size: calc(20 / 375 * 100vw)
  }
  .c-btn--blue,
  .c-btn--orange {
    height: calc(60 / 375 * 100vw);
    width: calc(280 / 375 * 100vw)
  }
  .c-btn__icon {
    height: calc(32 / 375 * 100vw);
    right: calc(12 / 375 * 100vw);
    width: calc(32 / 375 * 100vw)
  }
  .c-btn__icon::before {
    height: calc(13 / 375 * 100vw);
    width: calc(16 / 375 * 100vw)
  }
  .c-btn--outline {
    font-size: calc(18 / 375 * 100vw);
    padding: calc(11 / 375 * 100vw) 0;
    width: calc(240 / 375 * 100vw)
  }
  .p-siroca-collabo__kv {
    aspect-ratio: 375/705;
    height: auto;
    min-width: 0
  }
  .p-siroca-collabo__kv::after {
    background-image: url(/collab/nameraka-gohan/images/fv-wave-sp.png);
    background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/fv-wave-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/fv-wave-sp.png") type("image/png"));
    background-image: image-set(url("/collab/nameraka-gohan/images/fv-wave-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/fv-wave-sp.png") type("image/png"));
    background-size: 100% auto
  }
  .p-siroca-collabo__kv-bg {
    background-image: url(/collab/nameraka-gohan/images/kv-bg-sp.jpg);
    background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/kv-bg-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/kv-bg-sp.jpg") type("image/jpeg"));
    background-image: image-set(url("/collab/nameraka-gohan/images/kv-bg-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/kv-bg-sp.jpg") type("image/jpeg"))
  }
  .p-siroca-collabo__kv-content {
    padding: 74px 0 calc(60 / 375 * 100vw)
  }
  .p-siroca-collabo__kv-breadcrumb {
    padding: 0 calc(15 / 375 * 100vw)
  }
  .p-siroca-collabo__kv-breadcrumb .Breadcrumb_item {
    font-size: calc(12 / 375 * 100vw)
  }
  .p-siroca-collabo__kv-body {
    margin-top: calc(100 / 375 * 100vw);
    padding: 0 calc(24 / 375 * 100vw)
  }
  .p-siroca-collabo__kv-lead-text {
    font-size: calc(16 / 375 * 100vw)
  }
  .p-siroca-collabo__kv-heading {
    font-size: calc(28 / 375 * 100vw);
    letter-spacing: .03em;
    line-height: 1.4
  }
  .p-siroca-collabo__kv-subheading {
    font-size: calc(18 / 375 * 100vw)
  }
  .p-siroca-collabo__intro {
    padding: calc(40 / 375 * 100vw) 0
  }
  .p-siroca-collabo__intro::before {
    background-size: calc(1280 / 375 * 100vw) calc(80 / 375 * 100vw)
  }
  .p-siroca-collabo__intro-products {
    align-items: center;
    flex-direction: column;
    gap: calc(24 / 375 * 100vw);
    margin-top: calc(50 / 375 * 100vw)
  }
  .p-siroca-collabo__intro-product {
    max-width: calc(280 / 375 * 100vw)
  }
  .p-siroca-collabo__intro-product::before {
    aspect-ratio: 641/561;
    width: calc(320 / 375 * 100vw)
  }
  .p-siroca-collabo__intro-product:first-child::before {
    background-image: url(/collab/nameraka-gohan/images/intro-product-bg02-sp.png);
    background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/intro-product-bg02-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/intro-product-bg02-sp.png") type("image/png"));
    background-image: image-set(url("/collab/nameraka-gohan/images/intro-product-bg02-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/intro-product-bg02-sp.png") type("image/png"))
  }
  .p-siroca-collabo__intro-product:last-child::before {
    background-image: url(/collab/nameraka-gohan/images/intro-product-bg01-sp.png);
    background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/intro-product-bg01-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/intro-product-bg01-sp.png") type("image/png"));
    background-image: image-set(url("/collab/nameraka-gohan/images/intro-product-bg01-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/intro-product-bg01-sp.png") type("image/png"))
  }
  .p-siroca-collabo__intro-product-title {
    font-size: calc(20 / 375 * 100vw)
  }
  .p-siroca-collabo__intro-product-text {
    font-size: calc(15 / 375 * 100vw)
  }
  .p-siroca-collabo__intro-heading {
    font-size: calc(24 / 375 * 100vw);
    line-height: 1.5
  }
  .p-siroca-collabo__intro-heading-line1 {
    letter-spacing: -.03em
  }
  .p-siroca-collabo__intro-navLabel {
    font-size: calc(20 / 375 * 100vw);
    gap: calc(6 / 375 * 100vw);
    margin-top: calc(24 / 375 * 100vw)
  }
  .p-siroca-collabo__intro-navLabel::after,
  .p-siroca-collabo__intro-navLabel::before {
    height: calc(28 / 375 * 100vw);
    width: calc(17 / 375 * 100vw)
  }
  .p-siroca-collabo__intro-navLabel-num {
    font-size: calc(24 / 375 * 100vw)
  }
  .p-siroca-collabo__texture--creamy {
    background-size: calc(1280 / 375 * 100vw) calc(80 / 375 * 100vw);
    padding: calc(86 / 375 * 100vw) 0 calc(84 / 375 * 100vw)
  }
  .p-siroca-collabo__texture--creamy::before {
    background-image: url(/collab/nameraka-gohan/images/intro-wave-sp.png);
    background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/intro-wave-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/intro-wave-sp.png") type("image/png"));
    background-image: image-set(url("/collab/nameraka-gohan/images/intro-wave-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/intro-wave-sp.png") type("image/png"));
    background-size: 100% auto
  }
  .p-siroca-collabo__texture--creamy::after {
    background-image: url(/collab/nameraka-gohan/images/creamy-wave-sp.png);
    background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/creamy-wave-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/creamy-wave-sp.png") type("image/png"));
    background-image: image-set(url("/collab/nameraka-gohan/images/creamy-wave-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/creamy-wave-sp.png") type("image/png"));
    background-size: 100% auto
  }
  .p-siroca-collabo__texture--purun {
    padding: calc(60 / 375 * 100vw) 0
  }
  .p-siroca-collabo__texture--purun::before {
    background-size: calc(1280 / 375 * 100vw) calc(80 / 375 * 100vw)
  }
  .p-siroca-collabo__texture--yawaraka {
    background-size: calc(1280 / 375 * 100vw) calc(80 / 375 * 100vw);
    padding: calc(86 / 375 * 100vw) 0 calc(60 / 375 * 100vw)
  }
  .p-siroca-collabo__texture--yawaraka::before {
    background-image: url(/collab/nameraka-gohan/images/yawaraka-wave-sp.png);
    background-image: -webkit-image-set(url("/collab/nameraka-gohan/images/yawaraka-wave-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/yawaraka-wave-sp.png") type("image/png"));
    background-image: image-set(url("/collab/nameraka-gohan/images/yawaraka-wave-sp.webp") type("image/webp"), url("/collab/nameraka-gohan/images/yawaraka-wave-sp.png") type("image/png"));
    background-size: 100% auto
  }
  .p-siroca-collabo__recipe {
    background-size: calc(1280 / 375 * 100vw) calc(80 / 375 * 100vw)
  }
  .p-siroca-collabo__recipe-banner {
    flex-direction: column;
    gap: 0;
    height: calc(440 / 375 * 100vw)
  }
  .p-siroca-collabo__recipe-bannerBadges {
    align-items: center;
    display: flex;
    gap: calc(24 / 375 * 100vw);
    justify-content: center;
    order: 1
  }
  .p-siroca-collabo__recipe-bannerBadge {
    width: calc(138 / 375 * 100vw)
  }
  .p-siroca-collabo__recipe-bannerContent {
    display: contents
  }
  .p-siroca-collabo__recipe-bannerTitle {
    font-size: calc(32 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw);
    order: 2
  }
  .p-siroca-collabo__recipe-bannerText {
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.7;
    margin-top: 24px;
    order: 3
  }
  .p-siroca-collabo__recipe-inner {
    padding: calc(80 / 375 * 100vw) 0
  }
  .p-siroca-collabo__recipe-title {
    font-size: calc(32 / 375 * 100vw)
  }
  .p-siroca-collabo__cta {
    background-size: calc(1280 / 375 * 100vw) calc(80 / 375 * 100vw);
    flex-direction: column
  }
  .p-siroca-collabo__cta-col {
    padding: calc(40 / 375 * 100vw) calc(24 / 375 * 100vw) calc(60 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-col--siroca {
    border-radius: calc(20 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-col--nutri {
    border-radius: calc(20 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-colInner {
    max-width: calc(480 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-productList {
    align-items: center;
    flex-direction: column;
    gap: calc(8 / 375 * 100vw);
    margin-bottom: 0
  }
  .p-siroca-collabo__cta-productGroup + .p-siroca-collabo__cta-productGroup {
    margin-top: calc(30 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-productNote {
    font-size: calc(12 / 375 * 100vw);
    margin-top: 0
  }
  .p-siroca-collabo__cta-noteRow {
    align-items: flex-start;
    display: flex;
    gap: calc(16 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-productImages {
    gap: calc(8 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-productImages--nogap {
    flex-direction: row
  }
  .p-siroca-collabo__cta-productImg {
    border-radius: calc(10 / 375 * 100vw);
    width: calc(130 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-logomark {
    width: calc(72 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-productImages .p-siroca-collabo__cta-logomark {
    display: none
  }
  .p-siroca-collabo__cta-noteRow .p-siroca-collabo__cta-logomark {
    display: block
  }
  .p-siroca-collabo__cta-productInfo {
    width: 100%
  }
  .p-siroca-collabo__cta-productName {
    font-size: calc(18 / 375 * 100vw);
    padding-bottom: calc(6 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-productText {
    font-size: calc(15 / 375 * 100vw);
    margin-top: calc(12 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-productText li + li {
    margin-top: calc(2 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-brandFooter {
    margin-top: calc(70 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-logoSlot + .c-btn {
    margin-top: calc(24 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-col--siroca .p-siroca-collabo__cta-logo {
    width: calc(134 / 375 * 100vw)
  }
  .p-siroca-collabo__cta-col--nutri .p-siroca-collabo__cta-logo {
    width: calc(183 / 375 * 100vw)
  }
}
@keyframes c-btn-icon-flow {
  0% {
    opacity: 1;
    transform: translate(-50%,-50%) translateX(0)
  }
  45% {
    opacity: 0;
    transform: translate(-50%,-50%) translateX(150%)
  }
  55% {
    opacity: 0;
    transform: translate(-50%,-50%) translateX(-150%)
  }
  100% {
    opacity: 1;
    transform: translate(-50%,-50%) translateX(0)
  }
}
.megane-g {
  font-family: Georgia, "Times New Roman", serif;
}