@charset "UTF-8";
/******************************
精進山菜料理
*******************************/
/* 
イントロ
*/
.intro__image {
  z-index: 20; }
  @media screen and (max-width: 1024px) {
    .intro__image {
      width: 100%; } }
  @media screen and (min-width: 1025px) {
    .intro__image {
      width: 90%; } }
  .intro__image img {
    border-radius: 0.5rem;
    height: 100%;
    object-fit: cover; }
.intro__msg {
  border-radius: 0.5rem;
  background-color: #fff;
  z-index: 21; }
  @media screen and (max-width: 1024px) {
    .intro__msg {
      padding: 1rem; } }
  @media screen and (min-width: 1025px) {
    .intro__msg {
      width: 70%;
      position: relative;
      top: -100px;
      margin-left: 20vw;
      padding: 3rem; } }
  .intro__msg p {
    margin-bottom: 1.5rem; }

/* 
料理メニュー
*/
.foodmenu1 {
  padding: 10rem 0; }
  .foodmenu1__wrap {
    position: relative;
    border-radius: 0 0.5rem 0.5rem 0; }
    @media screen and (max-width: 1024px) {
      .foodmenu1__wrap {
        margin-right: 6vw; } }
    @media screen and (min-width: 1025px) {
      .foodmenu1__wrap {
        margin-right: 13vw; } }
  .foodmenu1__body {
    display: grid;
    width: 100%; }
    @media screen and (max-width: 1024px) {
      .foodmenu1__body {
        grid-template-columns: repeat(6, 1fr);
        grid-auto-rows: 40px;
        column-gap: 0px;
        row-gap: 0px; } }
    @media screen and (min-width: 1025px) {
      .foodmenu1__body {
        grid-template-columns: repeat(5, 1fr);
        grid-auto-rows: 100px;
        column-gap: 10px;
        row-gap: 10px; } }
  @media screen and (max-width: 1024px) {
    .foodmenu1__title {
      grid-row: 1/6;
      grid-column: 6/7;
      justify-self: center;
      padding-top: 3rem;
      -webkit-writing-mode: vertical-rl;
      -moz-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      -ms-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
      text-orientation: upright; } }
  @media screen and (min-width: 1025px) {
    .foodmenu1__title {
      grid-row: 1/2;
      grid-column: 4/6;
      padding: 5rem 0 0 4rem; } }
  .foodmenu1__title h2 {
    font-size: 2.4rem;
    font-weight: 600; }
  .foodmenu1__price {
    font-family: 'Shippori Mincho', serif;
    font-size: 2.4rem;
    font-weight: 600; }
    @media screen and (max-width: 1024px) {
      .foodmenu1__price {
        grid-row: 6/7;
        grid-column: 1/7;
        padding: 0 1.5rem 0 2rem; } }
    @media screen and (min-width: 1025px) {
      .foodmenu1__price {
        grid-row: 2/3;
        grid-column: 4/6;
        padding: 2.5rem 0 0 4rem; } }
  @media screen and (max-width: 1024px) {
    .foodmenu1__msg {
      grid-row: 7/11;
      grid-column: 1/7;
      padding: 0 1.5rem 0 2rem; } }
  @media screen and (min-width: 1025px) {
    .foodmenu1__msg {
      grid-row: 3/5;
      grid-column: 4/6;
      padding: 0 3rem 0 4rem;
      line-height: 3rem; } }
  .foodmenu1__image {
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 1024px) {
      .foodmenu1__image {
        grid-row: 1/6;
        grid-column: 1/6;
        top: -30px; } }
    @media screen and (min-width: 1025px) {
      .foodmenu1__image {
        grid-row: 1/5;
        grid-column: 1/4;
        top: -50px; } }
    .foodmenu1__image img {
      border-radius: 0 0.5rem 0.5rem 0;
      width: auto;
      height: 100%;
      object-fit: cover; }

.foodmenu2 {
  padding: 10rem 0; }
  .foodmenu2__wrap {
    position: relative;
    border-radius: 0.5rem 0 0 0.5rem; }
    @media screen and (max-width: 1024px) {
      .foodmenu2__wrap {
        margin-left: 6vw; } }
    @media screen and (min-width: 1025px) {
      .foodmenu2__wrap {
        margin-left: 13vw; } }
  .foodmenu2__body {
    display: grid;
    width: 100%; }
    @media screen and (max-width: 1024px) {
      .foodmenu2__body {
        grid-template-columns: repeat(6, 1fr);
        grid-auto-rows: 40px;
        column-gap: 0px;
        row-gap: 0px; } }
    @media screen and (min-width: 1025px) {
      .foodmenu2__body {
        grid-template-columns: repeat(5, 1fr);
        grid-auto-rows: 100px;
        column-gap: 10px;
        row-gap: 10px; } }
  @media screen and (max-width: 1024px) {
    .foodmenu2__title {
      grid-row: 1/6;
      grid-column: 1/2;
      justify-self: center;
      padding-top: 2rem;
      -webkit-writing-mode: vertical-rl;
      -moz-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      -ms-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
      text-orientation: upright; } }
  @media screen and (min-width: 1025px) {
    .foodmenu2__title {
      grid-row: 1/2;
      grid-column: 1/3;
      padding: 5rem 0 0 5rem; } }
  .foodmenu2__title h2 {
    font-size: 2.4rem;
    font-weight: 600; }
  .foodmenu2__price {
    font-family: 'Shippori Mincho', serif;
    font-size: 2.4rem;
    font-weight: 600; }
    @media screen and (max-width: 1024px) {
      .foodmenu2__price {
        grid-row: 6/7;
        grid-column: 1/7;
        padding: 0 1.5rem 0 2rem; } }
    @media screen and (min-width: 1025px) {
      .foodmenu2__price {
        grid-row: 2/3;
        grid-column: 1/3;
        padding: 2.5rem 0 0 5rem; } }
  @media screen and (max-width: 1024px) {
    .foodmenu2__msg {
      grid-row: 7/11;
      grid-column: 1/7;
      padding: 0 1.5rem 0 2rem; } }
  @media screen and (min-width: 1025px) {
    .foodmenu2__msg {
      grid-row: 3/5;
      grid-column: 1/3;
      padding: 0 3rem 0 5rem;
      line-height: 3rem; } }
  .foodmenu2__image {
    position: relative;
    text-align: right;
    overflow: hidden; }
    @media screen and (max-width: 1024px) {
      .foodmenu2__image {
        grid-row: 1/6;
        grid-column: 2/7;
        top: -30px; } }
    @media screen and (min-width: 1025px) {
      .foodmenu2__image {
        grid-row: 1/5;
        grid-column: 3/6;
        top: -50px; } }
    .foodmenu2__image img {
      border-radius: 0.5rem 0 0 0.5rem;
      width: auto;
      height: 100%;
      object-fit: cover; }

.food__bg_image01 {
  background-image: url("../images/food/food__bg_image01.jpg"); }

.food__bg_image02 {
  background-image: url("../images/food/food__bg_image02.jpg"); }

.food__bg_image03 {
  background-image: url("../images/food/food__bg_image03.jpg"); }

.food__bg_image04 {
  background-image: url("../images/food/food__bg_image04.jpg"); }

/* 
お飲み物
*/
.drinkmenu {
  padding: 10rem 0; }
  .drinkmenu__wrap {
    display: flex;
    flex-wrap: wrap;
    background-image: url("../images/food/drink__bg_image.jpg");
    border-radius: 0.5rem; }
    @media screen and (max-width: 1024px) {
      .drinkmenu__wrap {
        margin: 2rem;
        padding: 2rem; } }
    @media screen and (min-width: 1025px) {
      .drinkmenu__wrap {
        margin-left: 13vw;
        margin-right: 10rem;
        padding: 4rem; } }
  .drinkmenu h2 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 4rem; }
  @media screen and (min-width: 1025px) {
    .drinkmenu__body {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; } }
  .drinkmenu__body dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 7rem; }
    @media screen and (max-width: 1024px) {
      .drinkmenu__body dl {
        padding: 0 2rem; } }
    @media screen and (min-width: 1025px) {
      .drinkmenu__body dl {
        width: 50%;
        padding: 0 5rem; } }
  .drinkmenu__body dt {
    width: 75%;
    padding: 2rem 0;
    border-bottom: 1px solid #C9C9C9; }
  .drinkmenu__body dd {
    width: 25%;
    padding: 2rem 0;
    text-align: right;
    border-bottom: 1px solid #C9C9C9; }
  @media screen and (max-width: 1024px) {
    .drinkmenu__image {
      width: 100%;
      order: 1;
      margin-bottom: 6rem; } }
  @media screen and (min-width: 1025px) {
    .drinkmenu__image {
      width: 40%; }
      .drinkmenu__image img {
        height: 100%;
        object-fit: cover;
        border-radius: 0.5rem 0 0 0.5rem; } }

/*
ご利用案内
*/
.information {
  position: relative;
  background-color: #FFD7CA; }
  @media screen and (max-width: 1024px) {
    .information {
      padding: 5rem 0; } }
  @media screen and (min-width: 1025px) {
    .information {
      padding: 10rem 0 5rem 0; } }
  .information h2 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 4rem; }
  @media screen and (max-width: 1024px) {
    .information dl {
      padding: 0 3rem; }
    .information dd {
      padding: 0 2rem 2rem 3rem; }
      .information dd span {
        display: block; } }
  @media screen and (min-width: 1025px) {
    .information dl {
      display: flex;
      flex-wrap: wrap;
      padding: 0 2rem; }
    .information dt {
      width: 20%;
      padding: 2rem 3rem; }
    .information dd {
      width: 80%;
      padding: 2rem 3rem; }
      .information dd span {
        margin-right: 5rem; } }

/*
ネクストコンテンツ
*/
.next_contents {
  position: relative;
  background-image: url("../images/food/next_contents_image.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center; }
  @media screen and (max-width: 1024px) {
    .next_contents {
      padding: 10rem 0; } }
  @media screen and (min-width: 1025px) {
    .next_contents {
      padding: 20rem 0; } }
  .next_contents__title {
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    color: #fff;
    font-size: 3.6rem;
    font-weight: 800;
    font-family: 'Shippori Mincho', serif;
    letter-spacing: 1.4rem;
    display: inline-block; }
  .next_contents .btnwrap {
    text-align: center; }
  .next_contents .btnarrow {
    color: #fff;
    border: 1px solid #fff; }
  .next_contents .btnarrow::before,
  .next_contents .btnarrow::after {
    background: #fff; }