@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-img figure {
  position: relative;
  overflow: hidden;
}
#menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img figure::before {
  content: "";
  display: block;
  padding-top: 115.79%;
}
#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: max(-15px, -5%);
  padding-top: 8.826%;
  position: relative;
}
#menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img-wp figure {
  width: 54.6927751519%;
  position: relative;
  overflow: hidden;
}
#menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img-wp figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img-wp figure::before {
  content: "";
  display: block;
  padding-top: 64.112%;
}
#menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img-wp::after {
  content: "";
  width: 45.5773126266%;
  height: 102.15%;
  background: url("../../img/common/takeout.svg") center/cover no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}
#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 .menu__list-prc {
  font-size: 1.1rem;
  letter-spacing: normal;
}
@media (min-width: 375px) {
  #menu-wp .menu__all-wp .menu__wp .menu__list li .menu__list-prc {
    font-size: calc(1.1rem + (1vw - 3.75px) * 0.2547770701);
  }
}
@media (min-width: 1160px) {
  #menu-wp .menu__all-wp .menu__wp .menu__list li .menu__list-prc {
    font-size: 1.3rem;
  }
}
#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: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
    padding: 15px;
    transition: 0.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: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    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: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    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 {
    margin-bottom: 50px;
    padding: 0 7.44% 20px 0;
  }
  #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img {
    flex: 0 1 42%;
    width: 42%;
    max-width: 42%;
    margin-top: -20px;
    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: -10px;
    padding-top: 4.453%;
    width: 94.8610316097%;
  }
  #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img-wp figure {
    width: 55.4251871718%;
  }
  #menu-wp .menu__all-wp .menu__wp .menu__tea-wp .menu__tea-img-wp::after {
    width: 45.8084702201%;
    height: 100%;
  }
  #menu-wp .menu__all-wp .menu__wp .menu__tea-wp::after {
    height: 100%;
  }
  #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;
  }
}