@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
#menu {
  background: #FCF4DF; }

#titleimg {
  margin-bottom: 50px; }
  #titleimg .titleimg__img-box {
    background: url("/img/menu/titleimg_sp.jpg") center top 0%/cover no-repeat; }

#menu-wp {
  position: relative;
  margin-bottom: 115px; }
  #menu-wp .menu__tab {
    margin: auto;
    width: 90%; }
    #menu-wp .menu__tab .menu__tab-btn {
      flex: 0 1 49%;
      width: 49%;
      max-width: 49%;
      box-sizing: border-box;
      border-radius: 10px 10px 0 0;
      padding: 5px;
      background: #916D4F;
      color: #FCF4DF; }
      #menu-wp .menu__tab .menu__tab-btn .menu__tab-icon {
        font-size: 1.6rem;
        text-align: center;
        line-height: normal; }
        @media (min-width: 769px) {
          #menu-wp .menu__tab .menu__tab-btn .menu__tab-icon {
            font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 6.1381074169 ); } }
        @media (min-width: 1160px) {
          #menu-wp .menu__tab .menu__tab-btn .menu__tab-icon {
            font-size: 4rem; } }
      #menu-wp .menu__tab .menu__tab-btn .menu__tab-ttl {
        font-size: 1.3rem;
        text-align: center; }
        @media (min-width: 769px) {
          #menu-wp .menu__tab .menu__tab-btn .menu__tab-ttl {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.7902813299 ); } }
        @media (min-width: 1160px) {
          #menu-wp .menu__tab .menu__tab-btn .menu__tab-ttl {
            font-size: 2rem; } }
      #menu-wp .menu__tab .menu__tab-btn.active {
        background: #fff;
        color: #88562C; }
  #menu-wp .menu__all-wp {
    position: relative;
    padding: 30px 20px;
    border-radius: 10px;
    background: #fff; }
    #menu-wp .menu__all-wp .menu__wp {
      display: none; }
      #menu-wp .menu__all-wp .menu__wp .menu__logo {
        margin: 0 auto 30px; }
        #menu-wp .menu__all-wp .menu__wp .menu__logo.logo_gastronome {
          width: 70px; }
        #menu-wp .menu__all-wp .menu__wp .menu__logo.logo_fleurette {
          width: 90px; }
      #menu-wp .menu__all-wp .menu__wp .menu__shop-name {
        position: relative;
        margin-bottom: 50px;
        font-size: 2.2rem;
        text-align: center;
        font-family: "Suzumush", "すずむし"; }
        @media (min-width: 769px) {
          #menu-wp .menu__all-wp .menu__wp .menu__shop-name {
            font-size: calc( 2.2rem + ( 1vw - 7.69px ) * 3.0690537084 ); } }
        @media (min-width: 1160px) {
          #menu-wp .menu__all-wp .menu__wp .menu__shop-name {
            font-size: 3.4rem; } }
        #menu-wp .menu__all-wp .menu__wp .menu__shop-name .name-border {
          position: absolute;
          width: 100%;
          left: 50%;
          transform: translateX(-50%);
          display: block;
          bottom: 0;
          width: 295px;
          height: 1px;
          background: #916D4F; }
          #menu-wp .menu__all-wp .menu__wp .menu__shop-name .name-border::before, #menu-wp .menu__all-wp .menu__wp .menu__shop-name .name-border::after {
            position: absolute;
            width: 100%;
            top: 50%;
            transform: translateY(-50%);
            display: block;
            border-radius: 50%;
            width: 8px;
            height: 8px;
            background: #916D4F;
            content: ""; }
          #menu-wp .menu__all-wp .menu__wp .menu__shop-name .name-border::before {
            left: 0; }
          #menu-wp .menu__all-wp .menu__wp .menu__shop-name .name-border::after {
            right: 0; }
      #menu-wp .menu__all-wp .menu__wp .menu__tea-wp {
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
        padding: 0 4.44% 30px; }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img {
          margin-bottom: 25px; }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-ttl {
          margin-bottom: 15px;
          color: #6FAA71;
          font-size: 1.8rem; }
          @media (min-width: 375px) {
            #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-ttl {
              font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 0.2547770701 ); } }
          @media (min-width: 1160px) {
            #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-ttl {
              font-size: 2rem; } }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-copy {
          margin-bottom: 10px;
          font-size: 1.3rem; }
          @media (min-width: 375px) {
            #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-copy {
              font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2547770701 ); } }
          @media (min-width: 1160px) {
            #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-copy {
              font-size: 1.5rem; } }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct {
          margin-bottom: 10px;
          line-height: normal; }
          #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct .manu__tea-contct-ttl {
            box-sizing: border-box;
            border-radius: 50px;
            margin: 0 auto 5px;
            padding: 5px 10px;
            width: 90%;
            color: #fff;
            background: #6FAA71;
            font-size: 1.3rem;
            text-align: center; }
            @media (min-width: 375px) {
              #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct .manu__tea-contct-ttl {
                font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3821656051 ); } }
            @media (min-width: 1160px) {
              #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct .manu__tea-contct-ttl {
                font-size: 1.6rem; } }
          #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a {
            text-align: center; }
            #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-tel {
              color: #6FAA71;
              font-size: 1.8rem; }
              @media (min-width: 375px) {
                #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-tel {
                  font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 0.5095541401 ); } }
              @media (min-width: 1160px) {
                #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-tel {
                  font-size: 2.2rem; } }
              #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-tel span {
                display: inline-block;
                margin-right: 5px;
                font-size: 1.4rem; }
                @media (min-width: 375px) {
                  #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-tel span {
                    font-size: calc( 1.4rem + ( 1vw - 3.75px ) * -0.127388535 ); } }
                @media (min-width: 1160px) {
                  #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-tel span {
                    font-size: 1.3rem; } }
            #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-txt {
              font-size: 1.2rem;
              letter-spacing: normal; }
              @media (min-width: 375px) {
                #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-txt {
                  font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.2547770701 ); } }
              @media (min-width: 1160px) {
                #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-txt {
                  font-size: 1.4rem; } }
              #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-txt .manu__tea-contct-attn {
                font-size: 1.1rem;
                letter-spacing: normal; }
                @media (min-width: 375px) {
                  #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-txt .manu__tea-contct-attn {
                    font-size: calc( 1.1rem + ( 1vw - 3.75px ) * 0.127388535 ); } }
                @media (min-width: 1160px) {
                  #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-txt .manu__tea-contct-attn {
                    font-size: 1.2rem; } }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img-wp {
          margin-top: -15px; }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp::after {
          position: absolute;
          display: block;
          z-index: -1;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 94%;
          background: rgba(252, 244, 223, 0.6);
          content: ""; }
      #menu-wp .menu__all-wp .menu__wp .menu__list li {
        flex: 0 1 46%;
        width: 46%;
        max-width: 46%;
        margin-bottom: 20px; }
        #menu-wp .menu__all-wp .menu__wp .menu__list li .menu__list-img {
          margin-bottom: 10px; }
        #menu-wp .menu__all-wp .menu__wp .menu__list li .menu__list-ttl {
          font-size: 1.4rem;
          letter-spacing: normal; }
          @media (min-width: 769px) {
            #menu-wp .menu__all-wp .menu__wp .menu__list li .menu__list-ttl {
              font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.5115089514 ); } }
          @media (min-width: 1160px) {
            #menu-wp .menu__all-wp .menu__wp .menu__list li .menu__list-ttl {
              font-size: 1.6rem; } }
        #menu-wp .menu__all-wp .menu__wp .menu__list li.list__none {
          display: none; }
      #menu-wp .menu__all-wp .menu__wp .menu__other-ttl {
        margin-bottom: 50px;
        color: #6FAA71;
        font-size: 1.6rem;
        text-align: center; }
        @media (min-width: 769px) {
          #menu-wp .menu__all-wp .menu__wp .menu__other-ttl {
            font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.5115089514 ); } }
        @media (min-width: 1160px) {
          #menu-wp .menu__all-wp .menu__wp .menu__other-ttl {
            font-size: 1.8rem; } }
        #menu-wp .menu__all-wp .menu__wp .menu__other-ttl p {
          position: relative;
          display: inline-block;
          z-index: 1; }
          #menu-wp .menu__all-wp .menu__wp .menu__other-ttl p::before {
            position: absolute;
            width: 100%;
            left: 50%;
            transform: translateX(-50%);
            display: block;
            z-index: -1;
            bottom: 0px;
            width: 105%;
            height: 15px;
            background: #FCF4DF;
            content: ""; }
          #menu-wp .menu__all-wp .menu__wp .menu__other-ttl p.pc-tab {
            display: none; }
      #menu-wp .menu__all-wp .menu__wp .menu__ttl-wp {
        margin-bottom: 30px;
        font-size: 2rem;
        text-align: center; }
        @media (min-width: 769px) {
          #menu-wp .menu__all-wp .menu__wp .menu__ttl-wp {
            font-size: calc( 2rem + ( 1vw - 7.69px ) * 0.7672634271 ); } }
        @media (min-width: 1160px) {
          #menu-wp .menu__all-wp .menu__wp .menu__ttl-wp {
            font-size: 2.3rem; } }
        #menu-wp .menu__all-wp .menu__wp .menu__ttl-wp .menu__ttl-design {
          margin: auto;
          width: 100px;
          height: 4px; }
          #menu-wp .menu__all-wp .menu__wp .menu__ttl-wp .menu__ttl-design figure img {
            vertical-align: top; }
      #menu-wp .menu__all-wp .menu__wp.active {
        display: block; }
  #menu-wp .menu__bg {
    position: absolute;
    z-index: -1;
    bottom: -95px;
    left: -30px;
    width: 370px; }

.manu__welcome {
  margin-bottom: 135px;
  font-size: 2.2rem;
  text-align: center;
  font-family: "Suzumush", "すずむし"; }
  @media (min-width: 769px) {
    .manu__welcome {
      font-size: calc( 2.2rem + ( 1vw - 7.69px ) * 3.0690537084 ); } }
  @media (min-width: 1160px) {
    .manu__welcome {
      font-size: 3.4rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #titleimg {
    margin-bottom: 60px; }
    #titleimg .titleimg__img-box {
      background: url("/img/menu/titleimg_pc.jpg") center top 0%/cover no-repeat; }

  #menu-wp {
    margin-bottom: 125px; }
    #menu-wp .menu__tab .menu__tab-btn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 15px;
      transition: .3s;
      cursor: pointer; }
      #menu-wp .menu__tab .menu__tab-btn .menu__tab-icon {
        flex: 0 1 auto;
        width: auto;
        margin-right: 10px; }
      #menu-wp .menu__tab .menu__tab-btn .menu__tab-ttl {
        flex: 0 1 auto;
        width: auto; }
      #menu-wp .menu__tab .menu__tab-btn:hover {
        background: #fff;
        color: #88562C; }
    #menu-wp .menu__all-wp {
      padding: 50px 50px;
      border-radius: 15px; }
      #menu-wp .menu__all-wp .menu__wp .menu__logo {
        margin: 0 auto 45px; }
        #menu-wp .menu__all-wp .menu__wp .menu__logo.logo_gastronome {
          width: 80px; }
        #menu-wp .menu__all-wp .menu__wp .menu__logo.logo_fleurette {
          width: 100px; }
      #menu-wp .menu__all-wp .menu__wp .menu__shop-name .name-border {
        width: 280px; }
      #menu-wp .menu__all-wp .menu__wp .menu__tea-wp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 40px;
        padding: 0 4.44% 30px 0; }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img {
          flex: 0 1 40%;
          width: 40%;
          max-width: 40%;
          margin-bottom: 0; }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-txt {
          flex: 0 1 55%;
          width: 55%;
          max-width: 55%;
          padding-top: 20px; }
          #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-ttl {
            margin-bottom: 5px; }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
          flex-flow: row wrap;
          -webkit-align-content: flex-start;
          -ms-flex-line-pack: start;
          align-content: flex-start;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          margin-bottom: 10px;
          line-height: normal; }
          #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct .manu__tea-contct-ttl {
            flex: 0 1 38%;
            width: 38%;
            max-width: 38%;
            padding: 10px 0; }
          #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .manu__tea-contct a {
            flex: 0 1 59%;
            width: 59%;
            max-width: 59%;
            text-align: left; }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img-wp .menu__tea-img-box {
          flex: 0 1 48%;
          width: 48%;
          max-width: 48%; }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp::after {
          height: 97%; }
      #menu-wp .menu__all-wp .menu__wp .menu__list li {
        flex: 0 1 31%;
        width: 31%;
        max-width: 31%;
        margin-bottom: 40px; }
        #menu-wp .menu__all-wp .menu__wp .menu__list li .menu__list-img {
          margin-bottom: 20px; }
        #menu-wp .menu__all-wp .menu__wp .menu__list li.list__none {
          display: inherit; }
      #menu-wp .menu__all-wp .menu__wp .menu__other-ttl {
        margin-bottom: 60px; }
        #menu-wp .menu__all-wp .menu__wp .menu__other-ttl p.sp {
          display: none; }
        #menu-wp .menu__all-wp .menu__wp .menu__other-ttl p.pc-tab {
          display: inline-block; }
      #menu-wp .menu__all-wp .menu__wp .menu__ttl-wp {
        margin-bottom: 35px; }
    #menu-wp .menu__bg {
      bottom: -120px;
      width: 455px; }

  .manu__welcome {
    margin-bottom: 205px; } }
/*------------------------------
		861px以上
------------------------------*/
/*------------------------------
		1281px以上
------------------------------*/
@media screen and (min-width: 1041px) {
  #titleimg {
    margin-bottom: 85px; }

  #menu-wp {
    margin-bottom: 125px; }
    #menu-wp .menu__tab .menu__tab-btn .menu__tab-icon {
      margin-right: 35px; }
    #menu-wp .menu__all-wp {
      padding: 50px 90px; }
      #menu-wp .menu__all-wp .menu__wp .menu__tea-wp {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 50px;
        padding: 0 7.44% 0 0; }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img {
          flex: 0 1 42%;
          width: 42%;
          max-width: 42%;
          margin-bottom: 0; }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-txt {
          flex: 0 1 52%;
          width: 52%;
          max-width: 52%; }
          #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-ttl {
            margin-bottom: 5px; }
        #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img-wp {
          margin-top: -25px; }
      #menu-wp .menu__all-wp .menu__wp .menu__list li {
        flex: 0 1 29.5%;
        width: 29.5%;
        max-width: 29.5%;
        margin-bottom: 50px; }
      #menu-wp .menu__all-wp .menu__wp .menu__other-ttl {
        margin-bottom: 60px; }
    #menu-wp .menu__bg {
      bottom: -160px;
      width: 605px; }

  .manu__welcome {
    margin-bottom: 210px; } }

/*# sourceMappingURL=style.css.map */