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

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
#mainimg {
  position: relative;
}
#mainimg .mainimg__img-box {
  display: block;
  position: relative;
  height: 45vh;
  max-height: 300px;
}
#mainimg .mainimg__img-box .mainimg__logo {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#mainimg .mainimg__img-box .mainimg__logo figure {
  text-align: center;
}
#mainimg .mainimg__img-box .mainimg__logo figure figcaption {
  margin-top: 2.58rem;
  color: #fff;
}
#mainimg .mainimg__img-box .mainimg__logo figure figcaption span {
  display: block;
  line-height: 1;
}
#mainimg .mainimg__img-box .mainimg__logo figure figcaption span:nth-child(1) {
  font-size: 1.2rem;
  margin-bottom: 1.1rem;
  font-family: "ヒラギノ角ゴ W6 JIS2004", "Hiragino Kaku Gothic W6 JIS2004", "Yu Gothic medium", "A1 Gothic M", "Hiragino Kaku Gothic ProN", "sans-serif";
}
@media (min-width: 375px) {
  #mainimg .mainimg__img-box .mainimg__logo figure figcaption span:nth-child(1) {
    font-size: calc(1.2rem + (1vw - 3.75px) * 0.5095541401);
  }
}
@media (min-width: 1160px) {
  #mainimg .mainimg__img-box .mainimg__logo figure figcaption span:nth-child(1) {
    font-size: 1.6rem;
  }
}
#mainimg .mainimg__img-box .mainimg__logo figure figcaption span:nth-child(2) {
  font-size: 2rem;
  margin-bottom: 1.5rem;
  font-family: "ヒラギノ角ゴ W6 JIS2004", "Hiragino Kaku Gothic W6 JIS2004", "Yu Gothic medium", "A1 Gothic M", "Hiragino Kaku Gothic ProN", "sans-serif";
}
@media (min-width: 375px) {
  #mainimg .mainimg__img-box .mainimg__logo figure figcaption span:nth-child(2) {
    font-size: calc(2rem + (1vw - 3.75px) * 1.7834394904);
  }
}
@media (min-width: 1160px) {
  #mainimg .mainimg__img-box .mainimg__logo figure figcaption span:nth-child(2) {
    font-size: 3.4rem;
  }
}
#mainimg .mainimg__img-box .mainimg__logo figure figcaption span:nth-child(3) {
  font-size: 1.2rem;
  font-family: "ヒラギノ角ゴ W6 JIS2004", "Hiragino Kaku Gothic W6 JIS2004", "Yu Gothic medium", "A1 Gothic M", "Hiragino Kaku Gothic ProN", "sans-serif";
  text-decoration: underline;
}
@media (min-width: 375px) {
  #mainimg .mainimg__img-box .mainimg__logo figure figcaption span:nth-child(3) {
    font-size: calc(1.2rem + (1vw - 3.75px) * 0.5095541401);
  }
}
@media (min-width: 1160px) {
  #mainimg .mainimg__img-box .mainimg__logo figure figcaption span:nth-child(3) {
    font-size: 1.6rem;
  }
}
#mainimg .mainimg__img-box .mainimg__logo.logo_gastronome {
  width: 100%;
}
#mainimg .mainimg__img-box .mainimg__logo.logo_gastronome figure img {
  width: 21.9493333333%;
}
#mainimg .mainimg__img-box .mainimg__logo.logo_fleurette {
  width: 100%;
}
#mainimg .mainimg__img-box .mainimg__logo.logo_fleurette figure img {
  width: 24.7413333333%;
}
#mainimg .mainimg__img-box.gastronome-img {
  background: url("/img/home/mainimg_01.jpg") center/cover no-repeat;
}
#mainimg .mainimg__img-box.fleurette-img {
  background: url("/img/home/mainimg_02.jpg") center/cover no-repeat;
}
#mainimg .mainimg__scroll {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5px;
  color: #6FAA71;
  font-size: 2.4rem;
  text-align: center;
}
#mainimg .mainimg__scroll::after {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  bottom: -25px;
  width: 1px;
  height: 35px;
  background: #6FAA71;
  content: "";
}

#concept .concept__img-box {
  width: 94%;
}
#concept .concept__txt-box {
  margin-bottom: 40px;
  padding: 0 6.66%;
}
#concept .concept__txt-box .concept__ttl-wp {
  position: relative;
  margin-bottom: 20px;
}
#concept .concept__txt-box .concept__ttl-wp .concept__ttl {
  font-size: 1.8rem;
  line-height: normal;
}
@media (min-width: 375px) {
  #concept .concept__txt-box .concept__ttl-wp .concept__ttl {
    font-size: calc(1.8rem + (1vw - 3.75px) * 0.2547770701);
  }
}
@media (min-width: 1160px) {
  #concept .concept__txt-box .concept__ttl-wp .concept__ttl {
    font-size: 2rem;
  }
}
#concept .concept__txt-box .concept__ttl-wp .concept__ilst-1 {
  position: absolute;
  top: -30px;
  right: 0;
  width: 25%;
  max-width: 145px;
}
#concept .concept__txt-box .concept__copy {
  font-size: 1.3rem;
}
@media (min-width: 375px) {
  #concept .concept__txt-box .concept__copy {
    font-size: calc(1.3rem + (1vw - 3.75px) * 0.127388535);
  }
}
@media (min-width: 1160px) {
  #concept .concept__txt-box .concept__copy {
    font-size: 1.4rem;
  }
}

#news {
  position: relative;
  padding-top: 50px;
  padding-bottom: 250px;
  overflow: hidden;
}
#news .ss-inner {
  position: relative;
  min-height: 306px;
}
#news .news__list {
  margin-bottom: 35px;
}
#news .news__list li {
  border-bottom: solid 1px #C7AB8F;
}
#news .news__list li a {
  position: relative;
  display: block;
  padding: 15px 0 10px;
}
#news .news__list li a .news__list-wp {
  align-items: center;
  margin-bottom: 2px;
}
#news .news__list li a .news__list-wp .news__time {
  flex: 0 1 95px;
  width: 95px;
  max-width: 95px;
  color: #6FAA71;
  font-size: 1.3rem;
}
@media (min-width: 375px) {
  #news .news__list li a .news__list-wp .news__time {
    font-size: calc(1.3rem + (1vw - 3.75px) * 0.127388535);
  }
}
@media (min-width: 1160px) {
  #news .news__list li a .news__list-wp .news__time {
    font-size: 1.4rem;
  }
}
#news .news__list li a .news__list-wp .news__ctgry {
  flex: 0 1 calc(100% - 95px);
  width: calc(100% - 95px);
  max-width: calc(100% - 95px);
  font-size: 1.2rem;
}
#news .news__list li a .news__list-wp .news__ctgry .news__ctgry-list {
  display: inline-block;
  margin-right: 2px;
  padding: 2px 5px;
  background: #fff;
}
#news .news__list li a .news__list-wp .news__ctgry .news__ctgry-list:last-child {
  margin-right: 0;
}
#news .news__list li a .news__list-ttl {
  font-size: 1.4rem;
}
@media (min-width: 375px) {
  #news .news__list li a .news__list-ttl {
    font-size: calc(1.4rem + (1vw - 3.75px) * 0.2547770701);
  }
}
@media (min-width: 1160px) {
  #news .news__list li a .news__list-ttl {
    font-size: 1.6rem;
  }
}
#news .news__list li a::after {
  position: absolute;
  display: block;
  bottom: 25%;
  right: 5px;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: solid 1px #C7AB8F;
  border-right: solid 1px #C7AB8F;
  content: "";
}
#news .news__ilst-1 {
  position: absolute;
  top: -120px;
  left: -30px;
  width: 155px;
}
#news .news__ilst-2 {
  position: absolute;
  bottom: -40px;
  left: 30px;
  width: 35px;
}
#news .news__ilst-3 {
  position: absolute;
  bottom: -120px;
  left: 30px;
  width: 115px;
}
#news .news__ilst-4 {
  position: absolute;
  bottom: -80px;
  right: -90px;
  width: 210px;
}
#news .news__ilst-5 {
  position: absolute;
  bottom: -180px;
  right: 60px;
  width: 120px;
}
#news .news__bg {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 10px;
  width: 1075px;
  z-index: -1;
}

#menu {
  padding: 60px 0 120px;
  background: #FCF4DF;
}
#menu .ttl__wp {
  margin-bottom: 80px;
}
#menu .menu__wp {
  position: relative;
  z-index: 1;
  margin-bottom: 150px;
}
#menu .menu__wp .menu__shop-logo {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
}
#menu .menu__wp .menu__shop-logo.logo_gastronome {
  width: 80px;
}
#menu .menu__wp .menu__shop-logo.logo_fleurette {
  top: -30px;
  width: 100px;
}
#menu .menu__wp .menu__shop-name {
  position: relative;
  margin-bottom: 30px;
  padding-top: 45px;
  font-size: 2.2rem;
  font-family: "Suzumush", "すずむし";
  text-align: center;
}
@media (min-width: 375px) {
  #menu .menu__wp .menu__shop-name {
    font-size: calc(2.2rem + (1vw - 3.75px) * 1.5286624204);
  }
}
@media (min-width: 1160px) {
  #menu .menu__wp .menu__shop-name {
    font-size: 3.4rem;
  }
}
#menu .menu__wp .menu__shop-name .name-border {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  bottom: 5px;
  width: 300px;
  height: 1px;
  background: #9A7C63;
}
#menu .menu__wp .menu__shop-name .name-border::before, #menu .menu__wp .menu__shop-name .name-border::after {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  border-radius: 50px;
  width: 8px;
  height: 8px;
  background: #9A7C63;
  content: "";
}
#menu .menu__wp .menu__shop-name .name-border::before {
  left: 0;
}
#menu .menu__wp .menu__shop-name .name-border::after {
  right: 0;
}
#menu .menu__wp .menu__tea-wp {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  padding: 0 4.44% 30px;
}
#menu .menu__wp .menu__tea-wp .menu__tea-img {
  margin-bottom: 25px;
}
#menu .menu__wp .menu__tea-wp .menu__tea-img figure {
  position: relative;
  overflow: hidden;
}
#menu .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 .menu__wp .menu__tea-wp .menu__tea-img figure::before {
  content: "";
  display: block;
  padding-top: 115.79%;
}
#menu .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 .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 .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-ttl {
    font-size: 2rem;
  }
}
#menu .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-copy {
  margin-bottom: 10px;
  font-size: 1.3rem;
}
@media (min-width: 375px) {
  #menu .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 .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-copy {
    font-size: 1.5rem;
  }
}
#menu .menu__wp .menu__tea-wp .manu__tea-contct {
  align-items: center;
  margin-bottom: 10px;
  line-height: normal;
}
#menu .menu__wp .menu__tea-wp .manu__tea-contct .manu__tea-contct-ttl {
  flex: 0 1 28%;
  width: 28%;
  max-width: 28%;
  box-sizing: border-box;
  border-radius: 50px;
  padding: 5px 10px;
  color: #fff;
  background: #6FAA71;
  font-size: 1.3rem;
  text-align: center;
}
@media (min-width: 375px) {
  #menu .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 .menu__wp .menu__tea-wp .manu__tea-contct .manu__tea-contct-ttl {
    font-size: 1.6rem;
  }
}
#menu .menu__wp .menu__tea-wp .manu__tea-contct a {
  flex: 0 1 70%;
  width: 70%;
  max-width: 70%;
}
#menu .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 .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 .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-tel {
    font-size: 2.2rem;
  }
}
#menu .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 .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 .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-tel span {
    font-size: 1.3rem;
  }
}
#menu .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 .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 .menu__wp .menu__tea-wp .manu__tea-contct a .manu__tea-contct-box .manu__tea-contct-txt {
    font-size: 1.4rem;
  }
}
#menu .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 .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 .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 .menu__wp .menu__tea-wp .menu__tea-img-wp {
  margin-top: max(-15px, -5%);
  padding-top: 8.826%;
  position: relative;
}
#menu .menu__wp .menu__tea-wp .menu__tea-img-wp figure {
  width: 54.6927751519%;
  position: relative;
  overflow: hidden;
}
#menu .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 .menu__wp .menu__tea-wp .menu__tea-img-wp figure::before {
  content: "";
  display: block;
  padding-top: 64.112%;
}
#menu .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 .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 .menu__wp .menu__list {
  margin: 0 auto 40px;
  width: 95%;
}
#menu .menu__wp .menu__list li {
  flex: 0 1 46%;
  width: 46%;
  max-width: 46%;
  margin-bottom: 20px;
}
#menu .menu__wp .menu__list li .menu__list-img {
  margin-bottom: 5px;
}
#menu .menu__wp .menu__list li .menu__list-ttl {
  font-size: 1.4rem;
}
@media (min-width: 375px) {
  #menu .menu__wp .menu__list li .menu__list-ttl {
    font-size: calc(1.4rem + (1vw - 3.75px) * 0.2547770701);
  }
}
@media (min-width: 1160px) {
  #menu .menu__wp .menu__list li .menu__list-ttl {
    font-size: 1.6rem;
  }
}
#menu .menu__wp .menu__list li .menu__list-prc {
  font-size: 1.1rem;
}
@media (min-width: 375px) {
  #menu .menu__wp .menu__list li .menu__list-prc {
    font-size: calc(1.1rem + (1vw - 3.75px) * 0.2547770701);
  }
}
@media (min-width: 1160px) {
  #menu .menu__wp .menu__list li .menu__list-prc {
    font-size: 1.3rem;
  }
}
#menu .menu__wp .menu__list li.mb-0 {
  margin-bottom: 0;
}
#menu .menu__wp .menu__ilst-1 {
  position: absolute;
  z-index: -1;
  bottom: -140px;
  left: 0;
  width: 90%;
}
#menu .menu__wp::after {
  position: absolute;
  display: block;
  z-index: -1;
  top: 0;
  right: 0;
  border-radius: 20px 0 0 20px;
  width: 96.78%;
  height: 106%;
  background: #fff;
  content: "";
}
#menu .menu__wp:last-child {
  margin-bottom: 0;
}
#menu .menu__wp:last-child::after {
  left: 0;
  right: auto;
  border-radius: 0 20px 20px 0;
  height: 104%;
}

#access .access__main-wp {
  margin-bottom: 80px;
}
#access .access__main-left {
  margin-bottom: 20px;
}
#access .access__logo-wp {
  margin-bottom: 25px;
}
#access .access__logo-wp .access__logo-box {
  flex: 0 1 48%;
  width: 48%;
  max-width: 48%;
}
#access .access__logo-wp .access__logo-box .access__logo {
  margin: 0 auto 10px;
}
#access .access__logo-wp .access__logo-box .access__logo.logo_gastronome {
  width: 55px;
}
#access .access__logo-wp .access__logo-box .access__logo.logo_fleurette {
  margin: 0 auto 20px;
  width: 65px;
}
#access .access__logo-wp .access__logo-box .access__shop-name {
  font-size: 1.4rem;
  text-align: center;
}
@media (min-width: 375px) {
  #access .access__logo-wp .access__logo-box .access__shop-name {
    font-size: calc(1.4rem + (1vw - 3.75px) * 0.2547770701);
  }
}
@media (min-width: 1160px) {
  #access .access__logo-wp .access__logo-box .access__shop-name {
    font-size: 1.6rem;
  }
}
#access .access__adrss {
  margin-bottom: 30px;
}
#access .access__adrss .access__adrss-txt {
  margin-bottom: 10px;
  font-size: 1.4rem;
}
#access .access__adrss .access__btn a {
  position: relative;
  display: block;
  padding: 10px 0;
  width: 100%;
  max-width: 160px;
  color: #FCF4DF;
  background: #916D4F;
  font-size: 1.6rem;
  text-align: center;
  line-height: normal;
}
@media (min-width: 375px) {
  #access .access__adrss .access__btn a {
    font-size: calc(1.6rem + (1vw - 3.75px) * -0.2547770701);
  }
}
@media (min-width: 1160px) {
  #access .access__adrss .access__btn a {
    font-size: 1.4rem;
  }
}
#access .access__adrss .access__btn a::after {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: solid 1px #FCF4DF;
  border-right: solid 1px #FCF4DF;
  content: "";
}
#access .access__root-wp .access__root-box {
  padding: 15px 0;
  border-bottom: solid 1px #DEDEDE;
  font-size: 1.4rem;
}
#access .access__root-wp .access__root-box .access__root-ttl {
  margin-bottom: 5px;
  color: #6FAA71;
}
#access .access__root-wp .access__root-box:last-child {
  border-bottom: none;
}
#access .access__map-box iframe {
  display: block;
  width: 100%;
  height: 220px;
}
#access .access__shop-box {
  margin-bottom: 55px;
}
#access .access__shop-box .access__shop-img {
  margin-bottom: 20px;
}
#access .access__shop-box .access__shop-name-wp {
  align-items: center;
  margin-bottom: 10px;
}
#access .access__shop-box .access__shop-name-wp .access__shop-name {
  font-size: 1.6rem;
}
#access .access__shop-box .access__shop-name-wp.gastronome-wp .access__shop-logo {
  flex: 0 1 40px;
  width: 40px;
  max-width: 40px;
}
#access .access__shop-box .access__shop-name-wp.gastronome-wp .access__shop-name {
  flex: 0 1 calc(100% - 55px);
  width: calc(100% - 55px);
  max-width: calc(100% - 55px);
}
#access .access__shop-box .access__shop-name-wp.fleurette-wp .access__shop-logo {
  flex: 0 1 45px;
  width: 45px;
  max-width: 45px;
}
#access .access__shop-box .access__shop-name-wp.fleurette-wp .access__shop-name {
  flex: 0 1 calc(100% - 60px);
  width: calc(100% - 60px);
  max-width: calc(100% - 60px);
}
#access .access__shop-box .access__con-box {
  margin-bottom: 25px;
}
#access .access__shop-box .access__con-box li {
  text-align: left;
  font-size: 1.4rem;
}
#access .access__shop-box .access__con-box li .access__con-ttl {
  flex: 0 1 25%;
  width: 25%;
  max-width: 25%;
}
#access .access__shop-box .access__con-box li .access__con-txt {
  flex: 0 1 70%;
  width: 70%;
  max-width: 70%;
}
#access .access__shop-box .access__con-box li .access__con-txt .end-sale {
  font-size: 1.1rem;
  letter-spacing: normal;
}
@media (min-width: 375px) {
  #access .access__shop-box .access__con-box li .access__con-txt .end-sale {
    font-size: calc(1.1rem + (1vw - 3.75px) * 0.127388535);
  }
}
@media (min-width: 1160px) {
  #access .access__shop-box .access__con-box li .access__con-txt .end-sale {
    font-size: 1.2rem;
  }
}
#access .access__shop-box .access__con-box li.font-16 {
  font-size: 1.6rem;
}
#access .access__shop-box .access__use-box {
  border-radius: 15px;
  padding: 15px 10px;
  background: #FFFCF4;
}
#access .access__shop-box .access__use-box .access__use-ttl {
  margin-bottom: 15px;
  color: #6FAA71;
  font-size: 1.4rem;
  text-align: center;
}
#access .access__shop-box .access__use-box .access__use-wp {
  align-items: center;
  margin-bottom: 5px;
}
#access .access__shop-box .access__use-box .access__use-wp .access__use-con-ttl {
  flex: 0 1 26%;
  width: 26%;
  max-width: 26%;
  position: relative;
  font-size: 1.4rem;
}
#access .access__shop-box .access__use-box .access__use-wp .access__use-con-ttl::after {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  right: 0;
  width: 1px;
  height: 80%;
  background: #DBDBDB;
  content: "";
}
#access .access__shop-box .access__use-box .access__use-wp .access__use-con-txt {
  flex: 0 1 72%;
  width: 72%;
  max-width: 72%;
  box-sizing: border-box;
  position: relative;
  padding-left: 25px;
  font-size: 1.2rem;
}
@media (min-width: 375px) {
  #access .access__shop-box .access__use-box .access__use-wp .access__use-con-txt {
    font-size: calc(1.2rem + (1vw - 3.75px) * 0.2547770701);
  }
}
@media (min-width: 1160px) {
  #access .access__shop-box .access__use-box .access__use-wp .access__use-con-txt {
    font-size: 1.4rem;
  }
}
#access .access__shop-box .access__use-box .access__use-wp .access__use-con-txt .access_use-round {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  width: 14px;
  height: 14px;
}
#access .access__shop-box .access__use-box .access__use-wp .access__use-con-txt .access_use-round::before, #access .access__shop-box .access__use-box .access__use-wp .access__use-con-txt .access_use-round::after {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  border-radius: 50px;
  content: "";
}
#access .access__shop-box .access__use-box .access__use-wp .access__use-con-txt .access_use-round::before {
  width: 14px;
  height: 14px;
  background: #6FAA71;
}
#access .access__shop-box .access__use-box .access__use-wp .access__use-con-txt .access_use-round::after {
  width: 9px;
  height: 9px;
  background: #FFFCF4;
}
#access .access__shop-box .access__use-box .access__use-wp.mb-15 {
  margin-bottom: 15px;
}
#access .access__shop-box .access__use-box .inst__btn a {
  position: relative;
  display: block;
  border-radius: 50px;
  margin: 0 0 0 auto;
  padding: 10px 0;
  width: 175px;
  background: #fff;
  border: solid 1px #88562C;
  font-size: 1.4rem;
  text-align: center;
  line-height: normal;
}
#access .access__shop-box .access__use-box .inst__btn a::after {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  transform: translateY(-55%) rotate(45deg);
  right: 10px;
  width: 3px;
  height: 3px;
  border-top: solid 1px #88562C;
  border-right: solid 1px #88562C;
  content: "";
}
#access .access__shop-box:last-child {
  margin-bottom: 0;
}

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #mainimg .mainimg__wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
  }
  #mainimg .mainimg__img-box {
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
    height: 55vh;
    max-height: 635px;
  }
  #mainimg .mainimg__img-box .mainimg__logo figure figcaption {
    margin-top: 3.7565740045%;
  }
  #mainimg .mainimg__img-box .mainimg__logo figure figcaption span:nth-child(1) {
    margin-bottom: 2.1rem;
  }
  #mainimg .mainimg__img-box .mainimg__logo figure figcaption span:nth-child(2) {
    margin-bottom: 1.6rem;
  }
  #mainimg .mainimg__img-box .mainimg__logo.logo_gastronome figure img {
    width: 23.1976573939%;
  }
  #mainimg .mainimg__img-box .mainimg__logo.logo_fleurette figure img {
    margin: 2.1036814425% auto;
    width: 26.5739385066%;
  }
  #concept .concept__txt-box {
    padding: 0 2.11%;
  }
  #concept .concept__txt-box .concept__ttl-wp .concept__ilst-1 {
    top: -50px;
    width: 15%;
  }
  #news {
    padding-top: 50px;
    padding-bottom: 200px;
  }
  #news .ss-inner {
    min-height: 322px;
  }
  #news .ttl__wp {
    margin-bottom: 20px;
  }
  #news .news__list {
    margin-bottom: 25px;
  }
  #news .news__list li a .news__list-wp .news__ctgry .news__ctgry-list {
    margin-right: 10px;
  }
  #news .news__list li a:hover {
    opacity: 1;
    background: #F2E8CE;
  }
  #news .news__ilst-1 {
    top: -110px;
    left: 80px;
  }
  #news .news__ilst-2 {
    bottom: -30px;
    width: 55px;
  }
  #news .news__ilst-3 {
    bottom: -120px;
    width: 155px;
  }
  #news .news__ilst-4 {
    bottom: -10px;
    right: 10px;
  }
  #news .news__ilst-5 {
    bottom: -150px;
    right: 120px;
    width: 150px;
  }
  #news .news__bg {
    width: 980px;
  }
  #menu .ttl__wp {
    margin-bottom: 120px;
  }
  #menu .menu__wp {
    margin-bottom: 200px;
  }
  #menu .menu__wp .pa-0 {
    padding: 0 5%;
  }
  #menu .menu__wp .menu__shop-logo.logo_fleurette {
    width: 100px;
  }
  #menu .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 .menu__wp .menu__tea-wp .menu__tea-img {
    flex: 0 1 40%;
    width: 40%;
    max-width: 40%;
    margin-bottom: 0;
  }
  #menu .menu__wp .menu__tea-wp .menu__tea-txt {
    flex: 0 1 55%;
    width: 55%;
    max-width: 55%;
    padding-top: 20px;
  }
  #menu .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-ttl {
    margin-bottom: 5px;
  }
  #menu .menu__wp .menu__tea-wp .manu__tea-contct {
    align-items: flex-start;
    margin-bottom: 10px;
    line-height: normal;
  }
  #menu .menu__wp .menu__tea-wp .manu__tea-contct .manu__tea-contct-ttl {
    flex: 0 1 38%;
    width: 38%;
    max-width: 38%;
    padding: 10px;
  }
  #menu .menu__wp .menu__tea-wp .manu__tea-contct a {
    flex: 0 1 59%;
    width: 59%;
    max-width: 59%;
  }
  #menu .menu__wp .menu__tea-wp .menu__tea-img-wp .menu__tea-img-box {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%;
  }
  #menu .menu__wp .menu__tea-wp::after {
    height: 97%;
  }
  #menu .menu__wp .menu__list {
    width: 100%;
  }
  #menu .menu__wp .menu__list li {
    flex: 0 1 31%;
    width: 31%;
    max-width: 31%;
    margin-bottom: 30px;
  }
  #menu .menu__wp .menu__list li .menu__list-img {
    margin-bottom: 15px;
  }
  #menu .menu__wp .menu__list li.tab__mb-0 {
    margin-bottom: 0;
  }
  #menu .menu__wp .menu__ilst-1 {
    bottom: -160px;
    width: 50%;
    max-width: 605px;
  }
  #menu .menu__wp::after {
    border-radius: 30px 0 0 30px;
    width: 97.78%;
  }
  #menu .menu__wp:last-child::after {
    border-radius: 0 30px 30px 0;
  }
  #access .access__logo-wp {
    margin: 0 auto;
    margin-bottom: 30px;
    width: 65%;
  }
  #access .access__logo-wp .access__logo-box {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: center;
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%;
  }
  #access .access__logo-wp .access__logo-box .access__logo {
    flex: 0 1 30%;
    width: 30%;
    max-width: 30%;
    margin: 0;
  }
  #access .access__logo-wp .access__logo-box .access__logo.logo_gastronome {
    max-width: 40px;
  }
  #access .access__logo-wp .access__logo-box .access__logo.logo_fleurette {
    margin: 0;
    max-width: 55px;
  }
  #access .access__logo-wp .access__logo-box .access__shop-name {
    flex: 0 1 70%;
    width: 70%;
    max-width: 70%;
    text-align: left;
  }
  #access .access__adrss {
    margin-bottom: 30px;
  }
  #access .access__adrss .access__btn a {
    max-width: 165px;
    border: solid 1px #916D4F;
  }
  #access .access__adrss .access__btn a:hover {
    opacity: 1;
    background: #FCF4DF;
    color: #916D4F;
  }
  #access .access__adrss .access__btn a:hover::after {
    border-color: #916D4F;
  }
  #access .access__map-box iframe {
    height: 330px;
  }
  #access .access__root-wp .access__root-box .access__root-txt .access__root-txt-mini {
    font-size: 1.2rem;
  }
  #access .access__shop-wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
  }
  #access .access__shop-box {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%;
    margin-bottom: 0;
  }
  #access .access__shop-box .access__shop-img {
    margin-bottom: 40px;
  }
  #access .access__shop-box .access__con-box {
    margin-bottom: 25px;
  }
  #access .access__shop-box .access__con-box li .access__con-ttl {
    flex: 0 1 20%;
    width: 20%;
    max-width: 20%;
  }
  #access .access__shop-box .access__con-box li .access__con-txt {
    flex: 0 1 78%;
    width: 78%;
    max-width: 78%;
  }
  #access .access__shop-box .access__use-box {
    padding: 20px 10px;
    background: #FFFCF4;
  }
  #access .access__shop-box .access__use-box .access__use-ttl {
    text-align: left;
  }
  #access .access__shop-box .access__use-box .access__use-wp .access__use-con-ttl {
    flex: 0 1 25%;
    width: 25%;
    max-width: 25%;
  }
  #access .access__shop-box .access__use-box .inst__btn a {
    margin: 0;
    border: none;
  }
  #access .access__shop-box .access__use-box .inst__btn a:hover {
    background: #88562C;
    color: #fff;
  }
  #access .access__shop-box .access__use-box .inst__btn a:hover::after {
    border-color: #fff;
  }
}
/*------------------------------
		861px以上
------------------------------*/
@media screen and (min-width: 861px) {
  #news .news__ilst-1 {
    top: -60px;
    left: -65px;
  }
  #news .news__ilst-2 {
    bottom: 0;
    left: -90px;
  }
  #news .news__ilst-3 {
    bottom: -100px;
    left: -100px;
  }
  #news .news__ilst-4 {
    bottom: -50px;
    right: -5px;
  }
  #news .news__ilst-5 {
    bottom: -100px;
    right: -120px;
  }
  #access .access__logo-wp .access__logo-box .access__shop-name {
    flex: 0 1 75%;
    width: 75%;
    max-width: 75%;
  }
}
/*------------------------------
		1281px以上
------------------------------*/
@media screen and (min-width: 1041px) {
  #mainimg .mainimg__img-box {
    height: 75vh;
  }
  #mainimg .mainimg__img-box .mainimg__logo figure img {
    width: 100%;
  }
  #concept .concept__wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: flex-start;
    align-items: center;
  }
  #concept .concept__img-box {
    flex: 0 1 45%;
    width: 45%;
    max-width: 45%;
    order: 1;
  }
  #concept .concept__txt-box {
    flex: 0 1 45%;
    width: 45%;
    max-width: 45%;
    margin-bottom: 0;
    padding: 0 0 0 6%;
    order: 2;
    max-width: 500px;
  }
  #concept .concept__txt-box .ttl__wp {
    margin-bottom: 30px;
    width: 200px;
  }
  #concept .concept__txt-box .concept__ttl-wp .concept__ilst-1 {
    top: -160px;
    right: 10px;
    width: 40%;
    max-width: 200px;
  }
  #news .news__ilst-1 {
    left: -20px;
  }
  #news .news__ilst-2 {
    bottom: 0;
    left: -140px;
    width: 65px;
  }
  #news .news__ilst-3 {
    bottom: -120px;
    left: -140px;
    width: 180px;
  }
  #news .news__ilst-4 {
    bottom: -30px;
    right: -100px;
  }
  #news .news__ilst-5 {
    bottom: -120px;
    right: -260px;
    width: 200px;
  }
  #menu {
    padding: 60px 0 170px;
  }
  #menu .ttl__wp {
    margin-bottom: 80px;
  }
  #menu .menu__wp .menu__shop-logo {
    top: -40px;
  }
  #menu .menu__wp .menu__shop-logo.logo_fleurette {
    top: -25px;
  }
  #menu .menu__wp .menu__shop-name {
    padding-top: 60px;
  }
  #menu .menu__wp .menu__shop-name .name-border {
    width: 340px;
  }
  #menu .menu__wp .menu__shop-name.shop_fleurette {
    padding-top: 60px;
  }
  #menu .menu__wp .menu__tea-wp {
    margin-bottom: 50px;
    padding: 0 7.44% 20px 0;
  }
  #menu .menu__wp .menu__tea-wp .menu__tea-img {
    flex: 0 1 42%;
    width: 42%;
    max-width: 42%;
    margin-top: -20px;
    margin-bottom: 0;
  }
  #menu .menu__wp .menu__tea-wp .menu__tea-txt {
    flex: 0 1 52%;
    width: 52%;
    max-width: 52%;
  }
  #menu .menu__wp .menu__tea-wp .menu__tea-txt .menu__tea-ttl {
    margin-bottom: 5px;
  }
  #menu .menu__wp .menu__tea-wp .menu__tea-img-wp {
    margin-top: -10px;
    padding-top: 4.453%;
    width: 94.8610316097%;
  }
  #menu .menu__wp .menu__tea-wp .menu__tea-img-wp figure {
    width: 55.4251871718%;
  }
  #menu .menu__wp .menu__tea-wp .menu__tea-img-wp::after {
    width: 45.8084702201%;
    height: 100%;
  }
  #menu .menu__wp .menu__tea-wp::after {
    height: 100%;
  }
  #menu .menu__wp .menu__list li {
    flex: 0 1 30%;
    width: 30%;
    max-width: 30%;
    margin-bottom: 40px;
  }
  #menu .menu__wp .menu__ilst-1 {
    bottom: -220px;
  }
  #menu .menu__wp .pa-0 {
    padding: 0;
  }
  #menu .menu__wp::after {
    width: 98.5%;
    height: 105%;
  }
  #menu .menu__wp:last-child::after {
    height: 105%;
  }
  #access {
    margin-top: -45px;
    padding-top: 45px;
  }
  #access .access__main-wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-end;
  }
  #access .access__main-wp .access__main-left {
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
    margin-bottom: 0;
  }
  #access .access__main-wp .access__main-right {
    flex: 0 1 47%;
    width: 47%;
    max-width: 47%;
  }
  #access .access__logo-wp {
    margin: 0 0 30px;
    width: 90%;
  }
  #access .access__logo-wp .access__logo-box {
    flex: 0 1 53%;
    width: 53%;
    max-width: 53%;
  }
  #access .access__logo-wp .access__logo-box:first-child {
    flex: 0 1 40%;
    width: 40%;
    max-width: 40%;
  }
  #access .access__adrss {
    margin-bottom: 10px;
  }
  #access .access__root-wp {
    width: 80%;
  }
  #access .access__root-wp .access__root-box .access__root-ttl {
    margin-bottom: 0;
  }
  #access .access__root-wp .access__root-box:last-child {
    padding: 15px 0 0;
  }
  #access .access__map-box iframe {
    height: 305px;
  }
  #access .access__shop-box .access__shop-name-wp.fleurette-wp {
    height: 35px;
  }
  #access .access__shop-box .access__use-box {
    padding: 15px 30px;
    width: 80%;
  }
  #access .access__shop-box .access__use-box .access__use-wp .access__use-con-txt {
    flex: 0 1 70%;
    width: 70%;
    max-width: 70%;
  }
  #access .access__shop-box .access__use-box .inst__btn a {
    padding: 10px;
  }
  #access .access__shop-box .access__use-box .inst__btn a::after {
    right: 15px;
  }
}
@media screen and (min-width: 1200px) {
  #menu .menu__wp::after {
    width: 94%;
    height: 105%;
  }
}