@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Set core root defaults */
html,
body,
h1,
h2,
h3,
h4,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
fieldset {
  border: 0;
  font-weight: normal;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

article,
header,
footer,
aside,
figure,
figcaption,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

ol,
ul {
  list-style: none;
  list-style-type: none;
}

figure {
  margin: 0;
}

main a {
  color: inherit;
  display: block;
  text-decoration: none;
}

main img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* フォームリセット */
input,
button,
select,
textarea {
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

pre {
  white-space: pre-wrap;
}

body {
  width: 100%;
}

main {
  flex: 1;
}

.wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
}

.inner-wide {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  position: relative;
  width: 100%;
}

.inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1040px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  width: 100%;
}

footer {
  position: relative;
}

@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}
/* ==============================================================
*  セクション(common)
* ============================================================ */
.nanohana-sauce-section-title {
  font-size: 25px;
}
.nanohana-sauce-section-title span {
  display: block;
  line-height: 1.8;
}

.nanohana-sauce-desc {
  margin-top: 23px;
  font-family: "source-han-sans-japanese", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic Medium", Meiryo, sans-serif;
}
.nanohana-sauce-desc span {
  font-size: 14px;
  line-height: 2;
  display: block;
}

.nanohana-sauce-mv {
  margin-bottom: 2.2rem;
}

.nanohana-sauce-about {
  margin-top: 54px;
}
.nanohana-sauce-about__text {
  position: relative;
}
.nanohana-sauce-about__bg {
  display: block;
  margin-top: -117px;
  position: relative;
  z-index: -1;
}
.nanohana-sauce-about .nanohana-sauce-desc {
  text-align: center;
}

.nanohana-sauce-passione .inner-wide::before {
  background-image: url(/images/passione/passione-flower-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  height: auto;
  left: 4.4%;
  margin: auto;
  position: absolute;
  top: -25.5%;
  width: 21.3%;
}
.nanohana-sauce-passione__bg {
  position: relative;
}
.nanohana-sauce-passione__bg::before {
  background-image: url(/images/passione/bg-tile.png);
  background-repeat: repeat;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}
.nanohana-sauce-passione .section-title-img {
  position: absolute;
  width: 60.7%;
}
.nanohana-sauce-passione__container {
  display: flex;
  justify-content: space-between;
}
.nanohana-sauce-passione__text {
  min-width: 305px;
  text-align: left;
  width: 31.7%;
}
.nanohana-sauce-passione__img {
  flex-shrink: 0;
  margin-top: 59px;
  width: 55%;
}
.nanohana-sauce-passione .button2 {
  margin-top: 36px;
}

@media screen and (min-width: 768px) {
  .nanohana-sauce-passione {
    margin-top: calc(220px + (1vw - 7.68px) * 7.9113924051);
  }
  .nanohana-sauce-passione .section-title-img {
    left: calc(174px + (1vw - 7.68px) * 15.0602409639);
    top: calc(-90px + (1vw - 7.68px) * -10.5421686747);
  }
  .nanohana-sauce-passione__bg::before {
    height: calc(315px + (1vw - 7.68px) * 18.9873417722);
    width: calc(570px + (1vw - 7.68px) * 60.917721519);
  }
  .nanohana-sauce-passione__text {
    margin-top: calc(140px + (1vw - 7.68px) * 10.917721519);
  }
}
@media screen and (min-width: 1100px) {
  .nanohana-sauce-passione .section-title-img {
    left: 224px;
    top: -125px;
  }
}
@media screen and (min-width: 1400px) {
  .nanohana-sauce-passione {
    margin-top: 270px;
  }
  .nanohana-sauce-passione__bg::before {
    height: 435px;
    width: 955px;
  }
  .nanohana-sauce-passione__text {
    margin-top: 209px;
  }
}
.nanohana-sauce-chef {
  margin-top: 185px;
}
.nanohana-sauce-chef .inner-wide::before {
  background-image: url(/images/passione/passione-flower-2.png);
  background-repeat: no-repeat;
  content: "";
  height: 149.95px;
  position: absolute;
  top: -168px;
  width: 173.83px;
}
.nanohana-sauce-chef .inner-wide::after {
  background-image: url(/images/passione/chef-naktane.png);
  background-repeat: no-repeat;
  content: "";
  height: 155.49px;
  left: 6.6%;
  position: absolute;
  top: 94.5%;
  width: 369.62px;
}
.nanohana-sauce-chef .section-title-img {
  position: absolute;
  width: 25.6%;
}
.nanohana-sauce-chef__bg {
  position: relative;
}
.nanohana-sauce-chef__bg::before {
  background-image: url(/images/passione/bg-tile.png);
  background-repeat: repeat;
  content: "";
  left: 0;
  position: absolute;
}
.nanohana-sauce-chef__text {
  margin-left: auto;
  max-width: 310px;
  position: relative;
  text-align: left;
  width: 100%;
}
.nanohana-sauce-chef__text::before {
  background-image: url(/images/passione/passione-flower-3.png);
  background-repeat: no-repeat;
  content: "";
  height: 59%;
  position: absolute;
  width: 119%;
}
.nanohana-sauce-chef__list {
  display: flex;
  justify-content: space-between;
  margin-top: 23px;
}
.nanohana-sauce-chef__item {
  display: flex;
  flex-direction: column;
  width: 30%;
}
.nanohana-sauce-chef__item:nth-of-type(2) {
  margin-top: 53px;
}
.nanohana-sauce-chef__item:nth-of-type(3) {
  margin-top: 106px;
}
.nanohana-sauce-chef__item-text {
  display: flex;
  flex-direction: column;
  order: 2;
  text-align: left;
}
.nanohana-sauce-chef__item-img {
  order: 1;
}
.nanohana-sauce-chef__item-title {
  margin-top: 9px;
  order: 2;
}
.nanohana-sauce-chef__item-title .position {
  font-size: 14px;
}
.nanohana-sauce-chef__item-title .name {
  font-size: 18px;
  margin-left: 4px;
}
.nanohana-sauce-chef__item-area {
  font-size: 12px;
  margin-top: 32px;
  order: 1;
}
.nanohana-sauce-chef__item-desc {
  font-family: "source-han-sans-japanese", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic Medium", Meiryo, sans-serif;
  font-size: 14px;
  line-height: 2;
  margin-top: 13px;
  order: 3;
}

@media screen and (min-width: 768px) {
  .nanohana-sauce-chef .inner-wide::before {
    right: calc(30px + (1vw - 7.68px) * 13.6075949367);
  }
  .nanohana-sauce-chef .section-title-img {
    left: calc(15px + (1vw - 7.68px) * 3.7974683544);
    top: calc(175px + (1vw - 7.68px) * -11.8670886076);
  }
  .nanohana-sauce-chef__bg::before {
    height: calc(315px + (1vw - 7.68px) * 18.9873417722);
    top: calc(260px + (1vw - 7.68px) * -3.4810126582);
    width: calc(570px + (1vw - 7.68px) * 60.917721519);
  }
  .nanohana-sauce-chef__text::before {
    left: calc(-395px + (1vw - 7.68px) * -12.6582278481);
    top: calc(-27px + (1vw - 7.68px) * -4.746835443);
  }
}
@media screen and (min-width: 1400px) {
  .nanohana-sauce-chef .inner-wide::before {
    right: 116px;
  }
  .nanohana-sauce-chef .section-title-img {
    left: 39px;
    top: 100px;
  }
  .nanohana-sauce-chef__bg::before {
    height: 435px;
    top: 238px;
    width: 955px;
  }
  .nanohana-sauce-chef__text::before {
    left: -475px;
    top: -57px;
  }
}
.nanohana-sauce-gallery {
  margin-top: 226px;
}
.nanohana-sauce-gallery__container {
  position: relative;
}
.nanohana-sauce-gallery__text {
  background-color: #fff;
  height: 100%;
  left: 0;
  margin: auto;
  max-width: 600px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 42.86%;
}
.nanohana-sauce-gallery__text::before {
  background-image: url(/images/passione/passione-logomark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
}
.nanohana-sauce-gallery__desc {
  margin-left: auto;
  margin-right: auto;
  max-width: 375px;
  text-align: center;
  width: 100%;
}
.nanohana-sauce-gallery__main-img {
  display: block;
}
.nanohana-sauce-gallery__main-img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.nanohana-sauce-gallery__img {
  display: block;
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .nanohana-sauce-gallery__text {
    padding-top: calc(136px + (1vw - 7.68px) * 25.3164556962);
  }
  .nanohana-sauce-gallery__text::before {
    height: calc(60px + (1vw - 7.68px) * 9.4936708861);
    top: calc(47px + (1vw - 7.68px) * 12.6582278481);
    width: calc(60px + (1vw - 7.68px) * 9.4936708861);
  }
  .nanohana-sauce-gallery__main-img img {
    height: calc(550px + (1vw - 7.68px) * 23.7341772152);
  }
}
@media screen and (min-width: 1400px) {
  .nanohana-sauce-gallery__text {
    padding-top: 296px;
  }
  .nanohana-sauce-gallery__text::before {
    height: 120px;
    top: 127px;
    width: 120px;
  }
  .nanohana-sauce-gallery__main-img img {
    height: 700px;
  }
}
.nanohana-sauce-lineup {
  margin-top: 142px;
  padding-bottom: 145px;
}
.nanohana-sauce-lineup .inner-wide::before {
  background-image: url(/images/passione/lineup-flower.png);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  height: auto;
  margin: auto;
  position: absolute;
}
.nanohana-sauce-lineup__logo {
  margin-left: auto;
  margin-right: auto;
  width: 180.8px;
}
.nanohana-sauce-lineup__main-img {
  display: block;
  margin-top: 72.5px;
}
.nanohana-sauce-lineup__text {
  margin-top: 56px;
}
.nanohana-sauce-lineup__list {
  display: flex;
  justify-content: center;
  margin-top: 106px;
}
.nanohana-sauce-lineup__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 360px;
}
.nanohana-sauce-lineup__item:nth-of-type(1) .nanohana-sauce-lineup__item-english {
  left: -9px;
  top: -80px;
  width: 180px;
}
.nanohana-sauce-lineup__item:nth-of-type(2) .nanohana-sauce-lineup__item-english {
  left: -4px;
  top: -83px;
  width: 167px;
}
.nanohana-sauce-lineup__item-text {
  margin-top: 45px;
}
.nanohana-sauce-lineup__item-title {
  font-size: 21px;
}
.nanohana-sauce-lineup__item-price {
  font-size: 21px;
  margin-top: 21px;
}
.nanohana-sauce-lineup__item-price span {
  font-size: 12px;
}
.nanohana-sauce-lineup__desc {
  margin-top: 31px;
}
.nanohana-sauce-lineup__item-english {
  left: 0;
  order: 1;
  position: absolute;
  top: 0;
}
.nanohana-sauce-lineup__item-img {
  order: 2;
  width: 223px;
}
.nanohana-sauce-lineup__item-text {
  order: 3;
}

@media screen and (min-width: 768px) {
  .nanohana-sauce-lineup .section-title-img {
    margin-left: calc(40px + (1vw - 7.68px) * 19.8795180723);
    margin-top: calc(-85px + (1vw - 7.68px) * -3.6144578313);
    width: calc(290px + (1vw - 7.68px) * 12.0481927711);
  }
  .nanohana-sauce-lineup .inner-wide::before {
    right: calc(5px + (1vw - 7.68px) * 12.1835443038);
    top: calc(-25px + (1vw - 7.68px) * -7.9113924051);
    width: calc(220px + (1vw - 7.68px) * 25.3164556962);
  }
  .nanohana-sauce-lineup__item:not(:first-of-type) {
    margin-left: calc(60px + (1vw - 7.68px) * 18.9873417722);
  }
}
@media screen and (min-width: 1100px) {
  .nanohana-sauce-lineup .section-title-img {
    margin-left: 106px;
    margin-top: -97px;
    width: 330px;
  }
}
@media screen and (min-width: 1400px) {
  .nanohana-sauce-lineup .inner-wide::before {
    right: 82px;
    top: -75px;
    width: 380px;
  }
  .nanohana-sauce-lineup__item:not(:first-of-type) {
    margin-left: 180px;
  }
}
.nanohana-sauce-arrange .inner {
  max-width: 1064px;
  padding-left: 32px;
  padding-right: 32px;
}
.nanohana-sauce-arrange__bg {
  background-image: url(/images/passione/arrange-ec.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  padding-top: 209px;
  position: relative;
}
.nanohana-sauce-arrange__bg::before {
  background-image: url(/images/passione/passione-logomark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -32px;
  content: "";
  height: 120px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 120px;
}
.nanohana-sauce-arrange .section-title-img {
  margin-left: auto;
  margin-right: auto;
  width: 377px;
}
.nanohana-sauce-arrange__container {
  padding-top: 163px;
}
.nanohana-sauce-arrange__list {
  margin-top: 106px;
}
.nanohana-sauce-arrange__item {
  display: flex;
  justify-content: flex-end;
  position: relative;
  text-align: left;
}
.nanohana-sauce-arrange__item::before {
  z-index: -1;
}
.nanohana-sauce-arrange__item::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
}
.nanohana-sauce-arrange__item:nth-of-type(odd) {
  flex-direction: row-reverse;
}
.nanohana-sauce-arrange__item:nth-of-type(odd)::before {
  background-color: #fff100;
  content: "";
  height: 150px;
  left: -31px;
  margin: auto;
  position: absolute;
  top: -31px;
  width: 150px;
}
.nanohana-sauce-arrange__item:nth-of-type(odd) .nanohana-sauce-arrange__item-img-small {
  right: 44px;
}
.nanohana-sauce-arrange__item:nth-of-type(odd) .nanohana-sauce-arrange__item-text {
  right: 0;
}
.nanohana-sauce-arrange__item:nth-of-type(even)::before {
  background-color: #fff100;
  content: "";
  height: 150px;
  margin: auto;
  position: absolute;
  right: -31px;
  top: -31px;
  width: 150px;
}
.nanohana-sauce-arrange__item:nth-of-type(even) .nanohana-sauce-arrange__item-img-small {
  left: 28px;
}
.nanohana-sauce-arrange__item:nth-of-type(even) .nanohana-sauce-arrange__item-text {
  left: 0;
}
.nanohana-sauce-arrange__item:nth-of-type(1)::after {
  background-image: url(/images/passione/num_01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 114px;
  position: absolute;
}
.nanohana-sauce-arrange__item:nth-of-type(2)::after {
  background-image: url(/images/passione/num_02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 114px;
  position: absolute;
}
.nanohana-sauce-arrange__item:nth-of-type(3)::after {
  background-image: url(/images/passione/num_03.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 114px;
  position: absolute;
}
.nanohana-sauce-arrange__item:nth-of-type(4)::after {
  background-image: url(/images/passione/num_04.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 114px;
  position: absolute;
}
.nanohana-sauce-arrange__item-title-area {
  display: flex;
  flex-direction: column;
}
.nanohana-sauce-arrange__item-title-area span {
  background-color: #fff100;
  display: inline-block;
  font-size: 18px;
  order: 1;
  padding: 5.5px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.nanohana-sauce-arrange__item-title {
  font-size: 21px;
  margin-top: 18.7px;
  order: 2;
}
.nanohana-sauce-arrange__item-img-small {
  position: absolute;
  top: -130px;
}
.nanohana-sauce-arrange__item-img {
  flex-shrink: 0;
}
.nanohana-sauce-arrange__item-text {
  background-color: #fff;
  position: absolute;
}
.nanohana-sauce-arrange__desc {
  margin-top: 32px;
}

@media screen and (min-width: 768px) {
  .nanohana-sauce-arrange__item-img {
    width: calc(480px + (1vw - 7.68px) * 76.3358778626);
  }
  .nanohana-sauce-arrange__item:nth-of-type(1)::after {
    right: calc(60px + (1vw - 7.68px) * 7.6335877863);
    width: calc(171px + (1vw - 7.68px) * 15.2671755725);
  }
  .nanohana-sauce-arrange__item:nth-of-type(2) {
    margin-top: calc(238px + (1vw - 7.68px) * -15.2671755725);
  }
  .nanohana-sauce-arrange__item:nth-of-type(2)::after {
    left: calc(49px + (1vw - 7.68px) * 7.6335877863);
    width: calc(171px + (1vw - 7.68px) * 15.2671755725);
  }
  .nanohana-sauce-arrange__item:nth-of-type(3) {
    margin-top: calc(269px + (1vw - 7.68px) * -15.2671755725);
  }
  .nanohana-sauce-arrange__item:nth-of-type(3)::after {
    right: calc(60px + (1vw - 7.68px) * 2.6717557252);
    width: calc(171px + (1vw - 7.68px) * 15.2671755725);
  }
  .nanohana-sauce-arrange__item:nth-of-type(4) {
    margin-top: calc(298px + (1vw - 7.68px) * -15.2671755725);
  }
  .nanohana-sauce-arrange__item:nth-of-type(4)::after {
    left: calc(49px + (1vw - 7.68px) * 7.6335877863);
    width: calc(171px + (1vw - 7.68px) * 15.2671755725);
  }
  .nanohana-sauce-arrange__item-text {
    margin-top: calc(238px + (1vw - 7.68px) * 11.4503816794);
    padding: calc(40px + (1vw - 7.68px) * 15.2671755725);
    width: calc(380px + (1vw - 7.68px) * 30.534351145);
  }
  .nanohana-sauce-arrange__item-img-small {
    width: calc(120px + (1vw - 7.68px) * 10.3053435115);
  }
}
@media screen and (min-width: 1030px) {
  .nanohana-sauce-arrange__item-img {
    width: 680px;
  }
  .nanohana-sauce-arrange__item:nth-of-type(1)::after {
    right: 80px;
    width: 211px;
  }
  .nanohana-sauce-arrange__item:nth-of-type(2) {
    margin-top: 198px;
  }
  .nanohana-sauce-arrange__item:nth-of-type(2)::after {
    left: 69px;
    width: 211px;
  }
  .nanohana-sauce-arrange__item:nth-of-type(3) {
    margin-top: 229px;
  }
  .nanohana-sauce-arrange__item:nth-of-type(3)::after {
    right: 67px;
    width: 211px;
  }
  .nanohana-sauce-arrange__item:nth-of-type(4) {
    margin-top: 258px;
  }
  .nanohana-sauce-arrange__item:nth-of-type(4)::after {
    left: 69px;
    width: 211px;
  }
  .nanohana-sauce-arrange__item-text {
    margin-top: 268px;
    padding: 80px;
    width: 460px;
  }
  .nanohana-sauce-arrange__item-img-small {
    width: 147px;
  }
}
.nanohana-sauce-shop {
  margin-top: 227px;
}
.nanohana-sauce-shop__desc {
  margin-left: auto;
  margin-right: auto;
  max-width: 556px;
  text-align: center;
  width: 100%;
}
.nanohana-sauce-shop__link:hover img {
  filter: brightness(0.7);
  transform: scale(1.05, 1.05);
}
.nanohana-sauce-shop__link-area {
  overflow: hidden;
  margin-top: 76px;
}
.nanohana-sauce-shop__img {
  display: block;
}
.nanohana-sauce-shop__bg {
  background-image: url(/images/passione/footer-ec.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 672px;
  margin-bottom: -300px;
  margin-top: 12px;
  position: relative;
  z-index: -1;
}

/* ==============================================================
*  レスポンシブSP(common)
* ============================================================ */
@media screen and (max-width: 767px) {
  .inner {
    padding-left: 7.8vw;
    padding-right: 7.8vw;
  }

  .btn-wrapper {
    text-align: center;
  }

  .nanohana-sauce-section-title {
    font-size: 5.35vw;
    text-align: center;
  }
  .nanohana-sauce-section-title span {
    line-height: 1.7;
  }

  .nanohana-sauce-desc {
    margin-top: 4.4vw;
  }
}
@media screen and (max-width: 767px) {
  .nanohana-sauce-mv {
    margin-bottom: 3.6vw;
  }
}
@media screen and (max-width: 767px) {
  .nanohana-sauce-about {
    margin-top: 12.5vw;
  }
  .nanohana-sauce-about__bg {
    margin-top: -11.7vw;
  }
}
@media screen and (max-width: 767px) {
  .nanohana-sauce-passione {
    padding-top: 43.8vw;
    position: relative;
  }
  .nanohana-sauce-passione .inner-wide::before {
    bottom: auto;
    height: 36vw;
    left: 3vw;
    top: -36.1vw;
    width: 32.2vw;
  }
  .nanohana-sauce-passione::before {
    background-image: url(/images/passione/bg-tile.png);
    background-repeat: repeat;
    background-size: 42.6vw auto;
    content: "";
    height: 155vw;
    left: 0;
    position: absolute;
    right: 0;
    top: 32vw;
  }
  .nanohana-sauce-passione .nanohana-sauce-section-title span {
    display: inline;
  }
  .nanohana-sauce-passione__container {
    display: block;
  }
  .nanohana-sauce-passione .section-title-img {
    left: 36.7vw;
    top: -23.5vw;
    width: 56vw;
  }
  .nanohana-sauce-passione__text {
    min-width: auto;
    width: 100%;
  }
  .nanohana-sauce-passione__img {
    margin-right: calc(50% - 50vw);
    margin-top: 10.6vw;
    width: 92.2vw;
  }
}
@media screen and (max-width: 767px) {
  .nanohana-sauce-chef {
    margin-top: 62.5vw;
  }
  .nanohana-sauce-chef .section-title-img {
    left: 7vw;
    top: -23vw;
    width: 32vw;
  }
  .nanohana-sauce-chef .inner-wide::before {
    background-size: contain;
    height: 34vw;
    left: 66.5vw;
    top: -24.5vw;
    width: 28vw;
    z-index: 1;
  }
  .nanohana-sauce-chef .inner-wide::after {
    content: none;
  }
  .nanohana-sauce-chef__bg::before {
    background-size: 44vw auto;
    height: 115vw;
    right: 0;
    top: -11.8vw;
  }
  .nanohana-sauce-chef__list {
    display: block;
  }
  .nanohana-sauce-chef__item {
    width: 100%;
  }
  .nanohana-sauce-chef__item:nth-of-type(1) .nanohana-sauce-chef__item-img {
    margin-right: calc(50% - 50vw);
    width: 92.2vw;
  }
  .nanohana-sauce-chef__item:nth-of-type(2) {
    margin-top: 5.5vw;
  }
  .nanohana-sauce-chef__item:nth-of-type(2) .nanohana-sauce-chef__item-img {
    margin-left: calc(50% - 50vw);
    width: 92.2vw;
  }
  .nanohana-sauce-chef__item:nth-of-type(3) {
    margin-top: 5.3vw;
  }
  .nanohana-sauce-chef__item:nth-of-type(3) .nanohana-sauce-chef__item-img {
    margin-right: calc(50% - 50vw);
    width: 92.2vw;
  }
  .nanohana-sauce-chef__item-img {
    margin-top: 6.8vw;
  }
  .nanohana-sauce-chef__text {
    max-width: none;
  }
  .nanohana-sauce-chef__text::before {
    background-size: contain;
    height: 31vw;
    left: 12.8vw;
    top: -54.5vw;
    width: 66.6vw;
  }
  .nanohana-sauce-chef__item-area {
    font-size: 3.3vw;
    margin-top: 8.2vw;
  }
  .nanohana-sauce-chef__item-title {
    margin-top: 3.2vw;
  }
  .nanohana-sauce-chef__item-title .position {
    font-size: 2.7vw;
  }
  .nanohana-sauce-chef__item-title .name {
    font-size: 4.3vw;
    margin-left: 0.6vw;
  }
  .nanohana-sauce-chef__item-desc {
    margin-top: 3.5vw;
  }
}
@media screen and (max-width: 767px) {
  .nanohana-sauce-gallery {
    margin-top: 12.3vw;
  }
  .nanohana-sauce-gallery__text {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 48.7vw;
    position: relative;
    width: 100%;
  }
  .nanohana-sauce-gallery__text::before {
    height: 27vw;
    top: 13vw;
    width: 27vw;
  }
  .nanohana-sauce-gallery .nanohana-sauce-desc {
    margin-top: 5.6vw;
    max-width: none;
  }
  .nanohana-sauce-gallery__img {
    margin-top: 12.2vw;
  }
}
@media screen and (max-width: 767px) {
  .nanohana-sauce-lineup {
    margin-top: 12.2vw;
    padding-bottom: 12.2vw;
  }
  .nanohana-sauce-lineup .inner-wide::before {
    bottom: auto;
    height: 32vw;
    right: 0.3vw;
    top: 2.5vw;
    width: 32vw;
  }
  .nanohana-sauce-lineup__logo {
    width: 28.4vw;
  }
  .nanohana-sauce-lineup .section-title-img {
    left: 0.4vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: -6.9vw;
    position: relative;
    width: 36.2vw;
  }
  .nanohana-sauce-lineup__text {
    margin-top: 4.6vw;
  }
  .nanohana-sauce-lineup__list {
    display: block;
    margin-top: 19.4vw;
  }
  .nanohana-sauce-lineup__item {
    width: 100%;
  }
  .nanohana-sauce-lineup__item:nth-of-type(1) .nanohana-sauce-lineup__item-english {
    left: 4.9vw;
    top: -13.5vw;
    width: 29.8vw;
  }
  .nanohana-sauce-lineup__item:nth-of-type(2) {
    border-top: 1px solid #ddd;
  }
  .nanohana-sauce-lineup__item:nth-of-type(2) .nanohana-sauce-lineup__item-english {
    left: 6vw;
    top: 7vw;
    width: 26.5vw;
  }
  .nanohana-sauce-lineup__item:not(:first-of-type) {
    margin-top: 9.3vw;
    padding-top: 18.8vw;
  }
  .nanohana-sauce-lineup__item-img {
    width: 45.7vw;
  }
  .nanohana-sauce-lineup__item-title {
    font-size: 4.85vw;
  }
  .nanohana-sauce-lineup__item-text {
    margin-top: 7.2vw;
  }
  .nanohana-sauce-lineup__item-price {
    margin-top: 4.1vw;
  }
  .nanohana-sauce-lineup__item-price span {
    font-size: 3.2vw;
  }
  .nanohana-sauce-lineup .nanohana-sauce-desc {
    margin-top: 5.9vw;
  }
}
@media screen and (max-width: 767px) {
  .nanohana-sauce-arrange .inner {
    padding-left: 7.8vw;
    padding-right: 7.8vw;
  }
  .nanohana-sauce-arrange__bg {
    background-image: url(/images/passione/arrange-ec-sp.jpg);
    height: 75vw;
    padding-top: 28.4vw;
  }
  .nanohana-sauce-arrange__bg::before {
    bottom: -11.5vw;
    height: 33vw;
    width: 33vw;
  }
  .nanohana-sauce-arrange__container {
    padding-top: 20vw;
  }
  .nanohana-sauce-arrange .section-title-img {
    width: 52.5vw;
  }
  .nanohana-sauce-arrange__list {
    border-bottom: 1px solid #ddd;
    margin-top: 20vw;
    padding-bottom: 9.4vw;
  }
  .nanohana-sauce-arrange__item:not(:first-of-type) {
    margin-top: 22.5vw;
  }
  .nanohana-sauce-arrange__item:nth-of-type(odd) {
    flex-direction: column-reverse;
  }
  .nanohana-sauce-arrange__item:nth-of-type(odd)::before {
    height: 20.5vw;
    left: -4vw;
    top: -4vw;
    width: 20.5vw;
  }
  .nanohana-sauce-arrange__item:nth-of-type(odd) .nanohana-sauce-arrange__item-img-small {
    right: 5vw;
  }
  .nanohana-sauce-arrange__item:nth-of-type(odd) .nanohana-sauce-arrange__item-text {
    right: 0;
  }
  .nanohana-sauce-arrange__item:nth-of-type(odd) .nanohana-sauce-arrange__item-img {
    margin-right: calc(50% - 50vw);
    width: 92.2vw;
  }
  .nanohana-sauce-arrange__item:nth-of-type(even) {
    flex-direction: column-reverse;
  }
  .nanohana-sauce-arrange__item:nth-of-type(even)::before {
    height: 20.5vw;
    left: auto;
    right: -4vw;
    top: -4vw;
    width: 20.5vw;
  }
  .nanohana-sauce-arrange__item:nth-of-type(even) .nanohana-sauce-arrange__item-img-small {
    left: auto;
    right: 4.5vw;
  }
  .nanohana-sauce-arrange__item:nth-of-type(even) .nanohana-sauce-arrange__item-text {
    left: 0;
  }
  .nanohana-sauce-arrange__item:nth-of-type(even) .nanohana-sauce-arrange__item-img {
    margin-left: calc(50% - 50vw);
    width: 92.2vw;
  }
  .nanohana-sauce-arrange__item:nth-of-type(1)::after {
    height: 16vw;
    right: -4vw;
    top: -8.5vw;
    width: 28.5vw;
  }
  .nanohana-sauce-arrange__item:nth-of-type(2)::after {
    height: 16vw;
    left: -1vw;
    top: -8.8vw;
    width: 28.4vw;
  }
  .nanohana-sauce-arrange__item:nth-of-type(3)::after {
    height: 16vw;
    right: -5.7vw;
    top: -9vw;
    width: 28.5vw;
  }
  .nanohana-sauce-arrange__item:nth-of-type(4)::after {
    height: 17vw;
    left: -0.4vw;
    top: -9vw;
    width: 29.8vw;
  }
  .nanohana-sauce-arrange__item-text {
    padding-top: 5.8vw;
    position: relative;
  }
  .nanohana-sauce-arrange__item-title-area span {
    font-size: 4.1vw;
    padding: 1.4vw 2.8vw;
  }
  .nanohana-sauce-arrange__item-title {
    font-size: 4.38vw;
    margin-top: 4vw;
  }
  .nanohana-sauce-arrange__item-img-small {
    top: -13vw;
    width: 21.7vw;
  }
  .nanohana-sauce-arrange .nanohana-sauce-desc {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .nanohana-sauce-shop {
    margin-top: 8.6vw;
  }
  .nanohana-sauce-shop .nanohana-sauce-section-title {
    font-size: 5vw;
  }
  .nanohana-sauce-shop .nanohana-sauce-section-title span {
    line-height: 1.8888888889;
  }
  .nanohana-sauce-shop__desc {
    max-width: none;
  }
  .nanohana-sauce-shop__desc.nanohana-sauce-desc {
    margin-top: 2.3vw;
  }
  .nanohana-sauce-shop__link-area {
    margin-top: 9.3vw;
  }
  .nanohana-sauce-shop__bg {
    background-image: url(/images/passione/footer-ec-sp.jpg);
    height: 75vw;
    margin-bottom: -18vw;
    margin-top: 5.2vw;
  }
}
/*# sourceMappingURL=style.css.map */