@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
:root {
  scroll-behavior: smooth;
  scroll-padding-top: 60px;
}
@media screen and (min-width: 768px) {
  :root {
    scroll-padding-top: 120px;
  }
  :root .for_sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  :root .for_pc {
    display: none !important;
  }
}

body {
  background: #000;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

#genen {
  /*! destyle.css v1.0.13 | MIT License | https://github.com/nicolas-cusan/destyle.css */
}
#genen * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#genen :after, #genen :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
#genen html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#genen body {
  margin: 0;
}
#genen main {
  display: block;
}
#genen h1, #genen h2, #genen h3, #genen h4, #genen h5, #genen h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}
#genen address, #genen blockquote, #genen dl, #genen figure, #genen form, #genen iframe, #genen ol, #genen p, #genen pre, #genen table, #genen ul {
  margin: 0;
}
#genen ol, #genen ul {
  padding: 0;
  list-style: none;
}
#genen dt {
  font-weight: 700;
}
#genen dd {
  margin-left: 0;
}
#genen hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}
#genen pre {
  font-family: monospace;
  font-size: inherit;
}
#genen address {
  font-style: inherit;
}
#genen a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
#genen abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
#genen b, #genen strong {
  font-weight: bolder;
}
#genen code, #genen kbd, #genen samp {
  font-family: monospace;
  font-size: inherit;
}
#genen small {
  font-size: 80%;
}
#genen sub, #genen sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
#genen sub {
  bottom: -0.25em;
}
#genen sup {
  top: -0.5em;
}
#genen img {
  border-style: none;
  vertical-align: bottom;
}
#genen embed, #genen iframe, #genen object {
  border: 0;
  vertical-align: bottom;
}
#genen button, #genen input, #genen optgroup, #genen select, #genen textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}
#genen [type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}
#genen [type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}
#genen button, #genen input {
  overflow: visible;
}
#genen button, #genen select {
  text-transform: none;
}
#genen [type=button], #genen [type=reset], #genen [type=submit], #genen button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
#genen [type=button][disabled], #genen [type=reset][disabled], #genen [type=submit][disabled], #genen button[disabled] {
  cursor: default;
}
#genen [type=button]::-moz-focus-inner, #genen [type=reset]::-moz-focus-inner, #genen [type=submit]::-moz-focus-inner, #genen button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
#genen [type=button]:-moz-focusring, #genen [type=reset]:-moz-focusring, #genen [type=submit]:-moz-focusring, #genen button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
#genen fieldset, #genen option {
  padding: 0;
}
#genen fieldset {
  margin: 0;
  border: 0;
  min-width: 0;
}
#genen legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
#genen progress {
  vertical-align: baseline;
}
#genen textarea {
  overflow: auto;
}
#genen [type=checkbox], #genen [type=radio] {
  padding: 0;
}
#genen [type=number]::-webkit-inner-spin-button, #genen [type=number]::-webkit-outer-spin-button {
  height: auto;
}
#genen [type=search] {
  outline-offset: -2px;
}
#genen [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
#genen ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
#genen label[for] {
  cursor: pointer;
}
#genen details {
  display: block;
}
#genen summary {
  display: list-item;
}
#genen table {
  border-collapse: collapse;
  border-spacing: 0;
}
#genen caption {
  text-align: left;
}
#genen td, #genen th {
  vertical-align: top;
  padding: 0;
}
#genen th {
  text-align: left;
  font-weight: 700;
}
#genen [hidden], #genen template {
  display: none;
}
#genen {
  color: #fff;
  text-align: justify;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.1666666667vw;
}
#genen .container {
  width: min(100%, 1200px);
  margin: 0 auto;
}
#genen .serif {
  font-family: "Noto Serif JP", serif;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  font-size: 0.9em;
  line-height: 1.6;
}
#genen #pageHeader h1 {
  overflow: hidden;
}
#genen #pageHeader img {
  opacity: 0;
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-animation: mv 1.5s ease-out forwards;
          animation: mv 1.5s ease-out forwards;
}
@-webkit-keyframes mv {
  from {
    opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes mv {
  from {
    opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#genen #ankerArea {
  background: #fff;
}
#genen #ankerArea .ankerList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.0833333333vw;
  padding-inline: 3.125vw;
  padding-block: 4.1666666667vw;
}
@media screen and (min-width: 768px) {
  #genen #ankerArea .ankerList {
    width: min(880px, 73.3333333333vw);
    margin: 0 auto;
    gap: min(56px, 4.6666666667vw);
  }
}
#genen #ankerArea .ankerList li {
  width: 100%;
  background: no-repeat center/cover;
  border-radius: 100vmax;
}
@media screen and (min-width: 768px) {
  #genen #ankerArea .ankerList li {
    width: min(21.3333333333vw, 256px);
    position: relative;
  }
  #genen #ankerArea .ankerList li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 100vmax;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
}
@media screen and (min-width: 768px) and (hover: hover) {
  #genen #ankerArea .ankerList li:hover::before {
    opacity: 1;
  }
}
#genen #ankerArea .ankerList li a {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
}
#genen #ankerArea .ankerList li:first-child {
  background-image: url("../img/anker01_bg.png");
}
#genen #ankerArea .ankerList li:nth-child(2) {
  background-image: url("../img/anker02_bg.png");
}
#genen #ankerArea .ankerList li:last-child {
  background-image: url("../img/anker03_bg.png");
}
#genen .sectionContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-inline: 5.2083333333vw;
}
#genen .sectionContent .sectionTitle {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
#genen #soup .sectionTitle {
  width: 33.3333333333vw;
}
#genen #soup #lineup ul {
  margin: 8.3333333333vw 5.2083333333vw;
}
#genen #soup #lineup ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#genen #soup #lineup ul li .img {
  width: 49.1666666667vw;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
#genen #soup #lineup ul li .txt p {
  font-size: 3.75vw;
}
#genen #soup #lineup ul li.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  #genen #soup .sectionContent,
  #genen #soup .sectionBody {
    display: contents;
  }
  #genen #soup .grid {
    width: min(100%, 1200px);
    margin: 0 auto min(3.3333333333vw, 40px);
    display: grid;
    grid-template-columns: 19.6% 1fr 26%;
    grid-auto-columns: 1fr;
    gap: 0;
    grid-auto-flow: row;
    grid-template-areas: "sectionTitle sectionHeader sectionHeader" "sectionTitle sectionBodyP sectionBodyP" "sectionTitle lineup sectionBodyImg";
  }
  #genen #soup .sectionTitle {
    grid-area: sectionTitle;
    width: 100%;
  }
  #genen #soup .sectionHeader {
    grid-area: sectionHeader;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
  #genen #soup .sectionBodyP {
    grid-area: sectionBodyP;
    font-size: min(1.3333333333vw, 16px);
    margin: 0 0 2em 2em;
  }
  #genen #soup .sectionBodyImg {
    grid-area: sectionBodyImg;
    width: 100%;
    margin-left: 4%;
  }
  #genen #soup #lineup {
    grid-area: lineup;
  }
  #genen #soup #lineup ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0;
  }
  #genen #soup #lineup ul li {
    width: 30%;
    display: block;
  }
  #genen #soup #lineup ul li.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #genen #soup #lineup ul li .img {
    width: 76%;
    margin: 0 auto;
  }
  #genen #soup #lineup ul li .txt h4 {
    font-size: 0;
  }
  #genen #soup #lineup ul li .txt p {
    font-size: min(1vw, 12px);
  }
}
#genen #lowsalt .sectionTitle {
  width: 25.8333333333vw;
}
#genen #lowsalt .data {
  margin-inline: 5.2083333333vw;
}
@media screen and (min-width: 768px) {
  #genen #lowsalt .sectionContent,
  #genen #lowsalt .sectionBody {
    display: contents;
  }
  #genen #lowsalt .grid {
    display: grid;
    margin-bottom: 1em;
    gap: 0px 0px;
    grid-template-columns: 41% 32% 25%;
    grid-auto-flow: row;
    grid-template-areas: "sectionHeader sectionHeader sectionTitle" "sectionBodyP sectionBodyImg sectionTitle" "data sectionBodyImg sectionTitle" "note note sectionTitle";
  }
  #genen #lowsalt .sectionTitle {
    grid-area: sectionTitle;
  }
  #genen #lowsalt .sectionHeader {
    grid-area: sectionHeader;
  }
  #genen #lowsalt .sectionBodyP {
    grid-area: sectionBodyP;
    font-size: min(1.3333333333vw, 16px);
    padding-right: 1em;
  }
  #genen #lowsalt .sectionBodyImg {
    grid-area: sectionBodyImg;
    margin-left: 8%;
  }
  #genen #lowsalt .data {
    grid-area: data;
    width: 100%;
    margin: 0 1em 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    font-size: 0;
  }
  #genen #lowsalt .note {
    grid-area: note;
    font-size: min(1vw, 12px);
    margin-top: 1em;
  }
}
#genen #chef .sectionTitle {
  width: 31.25vw;
}
#genen #chef .img {
  margin-inline: 5.2083333333vw;
}
#genen #chef .comment {
  margin-inline: 5.2083333333vw;
  padding-top: 1em;
}
#genen #chef .comment h3 {
  font-size: 5.8333333333vw;
  font-weight: 600;
  padding-bottom: 0.5em;
}
#genen #chef .button {
  text-align: center;
  margin: 4.1666666667vw 0 8.3333333333vw;
}
@media screen and (min-width: 768px) {
  #genen #chef .button {
    margin: min(3.3333333333vw, 40px) 0;
  }
}
#genen #chef .button img {
  width: 66.6666666667vw;
}
@media screen and (min-width: 768px) {
  #genen #chef .button img {
    width: min(26.6666666667vw, 320px);
  }
}
#genen #chef .link {
  text-align: center;
  margin-top: 1em;
}
#genen #chef .link a img {
  width: 66.6666666667vw;
}
@media screen and (min-width: 768px) {
  #genen #chef .link a {
    font-size: min(1.1666666667vw, 14px);
  }
}
@media screen and (min-width: 768px) {
  #genen #chef .sectionContent {
    display: contents;
  }
  #genen #chef .grid {
    display: grid;
    grid-template-columns: 48% 15% 37%;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: "img sectionTitle sectionBody" "img sectionTitle comment" "img sectionTitle link";
  }
  #genen #chef .sectionTitle {
    grid-area: sectionTitle;
    width: 100%;
  }
  #genen #chef .img {
    grid-area: img;
    margin-inline: 0;
  }
  #genen #chef .sectionBody {
    grid-area: sectionBody;
    font-size: min(1.5vw, 18px);
    padding-bottom: 1em;
    border-bottom: 1px solid;
    margin-bottom: 1em;
  }
  #genen #chef .comment {
    grid-area: comment;
    margin-inline: 0;
    padding-top: 0;
    font-size: min(1.5vw, 18px);
  }
  #genen #chef .comment h3 {
    font-size: min(2vw, 24px);
    padding-bottom: 0.5em;
  }
  #genen #chef .comment p {
    padding-bottom: 1em;
    border-bottom: 1px solid;
    margin-bottom: 1em;
  }
  #genen #chef .link {
    grid-area: link;
    margin-top: 0;
    font-size: min(1.5vw, 18px);
    text-align: right;
  }
  #genen #chef .link a img {
    width: 60%;
  }
}

#shop {
  text-align: center;
}
#shop img {
  width: 83.3333333333vw;
}
@media screen and (min-width: 768px) {
  #shop img {
    margin-top: min(4.1666666667vw, 50px);
    width: min(50vw, 600px);
  }
}/*# sourceMappingURL=genen.css.map */