@charset "UTF-8";

/* =============================================
common style
============================================= */
@font-face {
  font-family: 'SoDoSans';
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-Regular.woff") format("woff2");
}

@font-face {
  font-family: 'SoDoSans';
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff2")
}

@font-face {
  font-family: 'SoDoSans SemiBold';
  font-style: normal;
  font-weight: 900;
  src: url("/common/fonts/SoDoSans/SoDoSans-SemiBold.woff") format("woff");
}

@font-face {
  font-family: 'SoDoSans Bold';
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff");
}

@font-face {
  font-family: 'Lander Bold';
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/Lander/LanderGrande-Bold.woff") format("woff");
}


body {
  max-width: 100%;
  width: 100%;
  font-family: 'Noto Sans JP';
  overflow: hidden;
}
.mainContentsBox {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.bgBox01,
.bgBox02 {
  color: #fff;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

a:hover {
  cursor: pointer;
}

._hoverlink a,
._link,
._bev a {
  cursor: pointer;
  transition-duration: 0.2s;
  z-index: 1;
}
._hoverlink a:hover,
._link:hover {
  opacity: .7;
}
._bev a:hover {
  filter: brightness(1.07);
}

.sp_only {
  display: none;
}

@media all and (max-width: 1023px) {

  .sp_only {
    display: block;
  }

  .pc_only {
    display: none;
  }
}

/* =============================================
Hover
============================================= */
.pc_only._hover {
  display: none;
}

._product_image:hover .pc_only._default {
  display: none;
}
._product_image:hover .pc_only._hover {
  display: block;
}
._image:hover .pc_only._default {
  display: none;
}
._image:hover .pc_only._hover {
  display: block;
}
@media all and (max-width: 1023px) {
  ._product_image:hover .pc_only._default {
    display: none;
  }
  ._product_image:hover .pc_only._hover {
    display: none;
  }
  ._image:hover .pc_only._default {
    display: none;
  }
  ._image:hover .pc_only._hover {
    display: none;
  }
}

/* =============================================
bg
============================================= */
.bgBox01 {
  position: relative;
  width: 100%;
  background-image: url(/cafe/yonashi/images/bg/bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: calc(-155/1440*100vw);
  width: 100%;
  /* height: calc(8193.17/1440*100vw); */
  height: calc(8173/1440*100vw);
}
@media all and (max-width: 1023px) {
  .bgBox01 {
    height: calc(6036.75/375*100vw);
    background-image: url(/cafe/yonashi/images/bg/bg_sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: calc(-94/375*100vw);
  }
  .bgBox01 img {
    width: 100%;
  }
}

/* =============================================
mv
============================================= */
.block-main {
  position: relative;
}
.ttl_h1 {
  position: absolute;
  top: calc(76/1440*100vw);
  left: calc(61/1440*100vw);
  width: calc(416.83/1440*100vw);
}
._bevttl {
  position: absolute;
  top: calc(142/1440*100vw);
  right: calc(104/1440*100vw);
}
._bevttl a {
  display: block;
  color: #00532E;
  font-size: calc(19.17/1440*100vw);
  line-height: calc(25/19.17);
  font-weight: 600;
}
@media all and (min-width: 1024px) {
  .block-main {
    width: 100vw;
  }
  ._mv_bev {
    position: absolute;
    top: calc(18/1440*100vw);
    right: calc(306/1440*100vw);
    width: calc(286.5/1440*100vw);
    height: calc(514.5/1440*100vw);
  }
  ._mv_bev a {
    display: block;
    height: 100%;
    cursor: pointer;
        opacity: 0;
    transition: .3s ease;
  }
  ._mv_bev a:hover{
    opacity: 1;
    transition: .3s ease;
  }
}
@media all and (max-width: 1023px) {
  .block-main img.sp_only {
    width: 100%;
  }
  .ttl_h1 {
    top: calc(598/375*100vw);
    left: calc(41/375*100vw);
    width: calc(292.96/375*100vw);
  }
  ._bevttl {
    top: calc(164/375*100vw);
    right: calc(13/375*100vw);
  }
  ._bevttl a {
    font-size: calc(9.28/375*100vw);
    line-height: calc(12.11/9.28);
  }
  ._mvhover {
    position: absolute;
    top: calc(92/375*100vw);
    left: calc(103/375*100vw);
    width: calc(167/375*100vw);
    height: calc(294/375*100vw);
  }
  ._mvhover a {
    display: block;
    height: 100%;
  }
}

/* =============================================
block-lead
============================================= */
.block-lead {
  margin-top: calc(-56/1440*100vw);
}
.block-lead ._lead {
  color: #00532E;
  text-align: center;
}
.block-lead ._lead._01 {
  font-size: calc(65/1440*100vw);
  line-height: calc(80/65);
  letter-spacing: 0.1em;
  margin-bottom: calc(52/1440*100vw);
  font-weight: 800;
}
.block-lead ._lead._02 {
  font-size: calc(29.99/1440*100vw);
  line-height: calc(51/29.99);
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media all and (max-width: 1023px) {
  .block-lead {
    margin-top: calc(91/375*100vw);
  }
  .block-lead ._lead._01 {
    font-size: calc(29.05/375*100vw);
    line-height: calc(46/29.05);
    margin-bottom: calc(31/375*100vw);
  }
  .block-lead ._lead._02 {
    font-size: calc(17.43/375*100vw);
    line-height: calc(31.47/17.43);
  }
}

/* =============================================
block-point
============================================= */
._textWrap ._s {
  font-weight: 100;
  text-align: center;
  color: #F1F8F6;
}
._textWrap ._l {
  font-weight: 500;
  text-align: center;
  color: #F1F8F6;
}

.block-point01 {
  position: relative;
  left: calc(-15/1440*100vw);
  width: calc(965.23/1440*100vw);
  margin: calc(123/1440*100vw) auto 0;
}
.block-point01 ._textWrap {
  position: absolute;
  top: calc(176/1440*100vw);
  left: calc(118/1440*100vw);
}
.block-point01 ._textWrap ._s {
  font-size: calc(19.57/1440*100vw);
  line-height: calc(32.3/19.57);
  margin-bottom: calc(12/1440*100vw);
}
.block-point01 ._textWrap ._l {
  font-size: calc(28.85/1440*100vw);
  line-height: calc(33.2/28.85);
  letter-spacing: 0.05em;
}

.block-point02 {
  position: relative;
  left: calc(-201/1440*100vw);
  width: calc(425.78/1440*100vw);
  margin: calc(72/1440*100vw) auto 0;
}
.block-point02 ._textWrap {
  position: absolute;
  top: calc(153 / 1440 * 100vw);
  left: calc(98 / 1440 * 100vw);
}
.block-point02 ._textWrap ._s {
  font-size: calc(20.82/1440*100vw);
  line-height: calc(32.3/20.82);
  margin-bottom: calc(12/1440*100vw);
}
.block-point02 ._textWrap ._l {
  font-size: calc(29.03/1440*100vw);
  line-height: calc(33.2/29.03);
  letter-spacing: 0.075em;
}

.block-point03 {
  position: relative;
  left: calc(64 / 1440 * 100vw);
  width: calc(910.89 / 1440 * 100vw);
  margin: calc(-237 / 1440 * 100vw) auto 0;
}
.block-point03 ._textWrap {
  position: absolute;
  top: calc(195 / 1440 * 100vw);
  right: calc(114 / 1440 * 100vw);
}
.block-point03 ._textWrap ._s {
  font-size: calc(20.59/1440*100vw);
  line-height: calc(31.95/20.59);
  margin-bottom: calc(12/1440*100vw);
}
.block-point03 ._textWrap ._l {
  font-size: calc(29.25/1440*100vw);
  line-height: calc(33.6/29.25);
  letter-spacing: 0.075em;
}

.block-point04 {
  position: relative;
  left: calc(-5 / 1440 * 100vw);
  width: calc(851.84 / 1440 * 100vw);
  margin: calc(120 / 1440 * 100vw) auto 0;
}
.block-point04 ._textWrap {
  position: absolute;
  top: calc(157 / 1440 * 100vw);
  left: calc(108 / 1440 * 100vw);
}
.block-point04 ._textWrap ._s {
  font-size: calc(20.79/1440*100vw);
  line-height: calc(32.2/20.79);
  margin-bottom: calc(12/1440*100vw);
}
.block-point04 ._textWrap ._l {
  font-size: calc(29.53/1440*100vw);
  line-height: calc(34/29.53);
  letter-spacing: 0.075em;
}

@media all and (max-width: 1023px) {
  .block-point01 {
    left: calc(-18/375*100vw);
    width: calc(452.35/375*100vw);
    margin: calc(76/375*100vw) auto 0;
  }
  .block-point01 ._textWrap {
    top: calc(113/375*100vw);
    left: calc(74/375*100vw);
  }
  .block-point01 ._textWrap ._s {
    font-size: calc(13.02/375*100vw);
    line-height: calc(21.79/13.02);
    margin-bottom: calc(6/375*100vw);
  }
  .block-point01 ._textWrap ._l {
    font-size: calc(19.45/375*100vw);
    line-height: calc(22.419.45);
    letter-spacing: 0.05em;
  }

  .block-point02 {
    left: calc(-86 / 375 * 100vw);
    width: calc(287.16 / 375 * 100vw);
    margin: calc(-2 / 375 * 100vw) auto 0;
  }
  .block-point02 ._textWrap {
    top: calc(102 / 375 * 100vw);
    left: calc(65 / 375 * 100vw);
  }
  .block-point02 ._textWrap ._s {
    font-size: calc(14.4/375*100vw);
    line-height: calc(21.79/14.4);
    margin-bottom: calc(12/375*100vw);
  }
  .block-point02 ._textWrap ._l {
    font-size: calc(19.58/375*100vw);
    line-height: calc(22.5/19.58);
    letter-spacing: 0.075em;
  }

  .block-point03 {
    left: calc(-59 / 375 * 100vw);
    width: calc(465.57 / 375 * 100vw);
    margin: calc(-87 / 375 * 100vw) auto 0;
  }
  .block-point03 ._textWrap {
    top: calc(125 / 375 * 100vw);
    right: calc(68 / 375 * 100vw);
  }
  .block-point03 ._textWrap ._s {
    font-size: calc(14.04/375*100vw);
    line-height: calc(21.79/14.04);
    margin-bottom: calc(12/375*100vw);
  }
  .block-point03 ._textWrap ._l {
    font-size: calc(19.95/375*100vw);
    line-height: calc(22.9/19.95);
  }

  .block-point04 {
    left: calc(2 / 375 * 100vw);
    width: calc(420.2 / 375 * 100vw);
    margin: calc(42 / 375 * 100vw) auto 0;
  }
  .block-point04 ._textWrap {
    top: calc(104 / 375 * 100vw);
    left: calc(74 / 375 * 100vw);
  }
  .block-point04 ._textWrap ._s {
    font-size: calc(14.04/375*100vw);
    line-height: calc(21.79/14.04);
    margin-bottom: calc(12/375*100vw);
  }
  .block-point04 ._textWrap ._l {
    font-size: calc(19.95/375*100vw);
    line-height: calc(22.9/19.95);
  }
}

/* =============================================
block-impression
============================================= */
.block-impression ._ttl {
  font-size: calc(35/1440*100vw);
  line-height: calc(60/35);
  text-align: center;
  font-weight: 600;
  color: #00532E;
  margin-top: calc(213/1440*100vw);
  margin-bottom: calc(101 / 1440 * 100vw);
}
.block-impression ._ttl sup {
  position: relative;
  top: calc(10/1440*100vw);
  font-size: calc(31/1440*100vw);
  font-weight: 100;
}
.block-impression ._bubble {
  position: relative;
  left: calc(-6/1440*100vw);
  width: calc(1001.32/1440*100vw);
  margin: 0 auto;
}
.block-impression ._bubbltText {
  font-family: 'Noto Sans JP';
  font-size: calc(20.47 / 1440 * 100vw);
  line-height: calc(32.75/ 20.47);
  font-weight: 500;
  text-align: center;
  color: #00532E;
}
.block-impression ._bubbltText._01 {
  position: absolute;
  top: calc(38 / 1440 * 100vw);
  left: calc(57 / 1440 * 100vw);
}
.block-impression ._bubbltText._02 {
  position: absolute;
  top: calc(187 / 1440 * 100vw);
  left: calc(602 / 1440 * 100vw);
}
.block-impression ._bubbltText._03 {
  position: absolute;
  top: calc(318 / 1440 * 100vw);
  left: calc(87 / 1440 * 100vw);
}
.block-impression ._bubbltText._04 {
  position: absolute;
  top: calc(464 / 1440 * 100vw);
  left: calc(561 / 1440 * 100vw);
}
.block-impression ._bubbltText._05 {
  position: absolute;
  top: calc(613 / 1440 * 100vw);
  left: calc(47 / 1440 * 100vw);
}

@media all and (max-width: 1023px) {
  .block-impression ._ttl {
    font-size: calc(20/375*100vw);
    line-height: calc(30/20);
    margin-top: calc(149/375*100vw);
    margin-bottom: calc(25 / 375 * 100vw);
  }
  .block-impression ._ttl sup {
    top: calc(10/375*100vw);
    font-size: calc(20/375*100vw);
  }
  .block-impression ._bubble {
    left: 0;
    width: calc(342.5/375*100vw);
  }
  .block-impression ._bubbltText {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(24/ 15);
  }
  .block-impression ._bubbltText._01 {
    top: calc(31 / 375 * 100vw);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .block-impression ._bubbltText._02 {
    top: calc(180 / 375 * 100vw);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .block-impression ._bubbltText._03 {
    top: calc(317 / 375 * 100vw);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .block-impression ._bubbltText._04 {
    top: calc(467 / 375 * 100vw);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .block-impression ._bubbltText._05 {
    top: calc(613 / 375 * 100vw);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

/* =============================================
block-bev
============================================= */
.block-bev-box {
  display: flex;
  margin-top: calc(78/1440*100vw);
}
.block-bev ._sub {
  position: relative;
  top: calc(9/1440*100vw);
  left: calc(40/1440*100vw);
  flex-shrink: 0;
  width: calc(724/1440*100vw);
}
.block-bev ._bev {
  position: relative;
  left: calc(-207/1440*100vw);
  flex-shrink: 0;
  width: calc(372.96/1440*100vw);
}
.block-bev ._textarea {
  position: relative;
  top: calc(272/1440*100vw);
  left: calc(-135/1440*100vw);
  color: #00532E;
}
.block-bev ._title {
  margin-bottom: calc(4/1440*100vw);
}
.block-bev ._title a {
  font-size: calc(35/1440*100vw);
  line-height: calc(40.3/35);
  font-weight: 600;
  color: #00532E;
}
.block-bev ._eng {
  font-family: 'SoDoSans';
  font-size: calc(19/1440*100vw);
  line-height: calc(22.5/19);
  margin-bottom: calc(12/1440*100vw);
}
.block-bev ._price {
  display: flex;
  align-items: center;
  gap: calc(23.3/1440*100vw);
  font-family: 'SoDoSans';
  font-size: calc(35/1440*100vw);
  line-height: calc(40.3/35);
  margin-bottom: calc(17/1440*100vw);
}
.block-bev ._tag {
  font-family: 'Noto Sans JP';
  font-size: calc(17.04 / 1440 * 100vw);
  line-height: calc(23.4 / 17.04);
  border: calc(2 / 1440 * 100vw) solid #00532E;
  border-radius: calc(5.67 / 1440 * 100vw);
  font-weight: 500;
  padding: 0 calc(12 / 1440 * 100vw);
}
.block-bev .bev_btn {
  position: relative;
  left: calc(-8 / 1440 * 100vw);
  width: calc(340 / 1440 * 100vw);
  height: calc(74/1440*100vw);
  background: #00532E;
  border-radius: calc(37/1440*100vw);
}
.block-bev .bev_btn a {
  display: block;
  font-size: calc(25/1440*100vw);
  line-height: calc(74/1440*100vw);
  color: #fff;
  text-align: center;
}

.block-bev .btn {
  width: calc(427 / 1440 * 100vw);
  height: calc(74/1440*100vw);
  border: 2px solid #00532E;
  border-radius: calc(37/1440*100vw);
  margin: calc(8/1440*100vw) auto 0;
}
.block-bev .btn a {
  display: block;
  font-size: calc(25/1440*100vw);
  line-height: calc(74/1440*100vw);
  color: #00532E;
  text-align: center;
}
.block-bev ._link {
  width: fit-content;
  display: block;
  font-size: calc(15/1440*100vw);
  line-height: calc(27.22/15);
  color: #00532E;
  text-align: center;
  font-weight: 700;
  padding-bottom: calc(5/1440*100vw);
  border-bottom: 1px solid #00532E;
  margin: calc(20/1440*100vw) auto 0;
}

@media all and (max-width: 1023px) {
  .block-bev-box {
    position: relative;
    margin-top: calc(28/375*100vw);
  }
  .block-bev ._sub {
    top: calc(37 / 375 * 100vw);
    left: calc(-74 / 375 * 100vw);
    width: calc(349/375*100vw);
  }
  .block-bev ._bev {
    top: calc(33 / 375 * 100vw);
    left: calc(-193 / 375 * 100vw);
    width: calc(180.01/375*100vw);
  }
  .block-bev ._textarea {
    position: absolute;
    top: calc(400 / 375 * 100vw);
    left: calc(59 / 375 * 100vw);
  }
  .block-bev ._title {
    margin-bottom: calc(2/375*100vw);
  }
  .block-bev ._title a {
    font-size: calc(19.37/375*100vw);
    line-height: calc(26.6/19.37);
  }
  .block-bev ._eng {
    font-size: calc(9/375*100vw);
    line-height: calc(11.5/9);
    margin-bottom: calc(4/375*100vw);
  }
  .block-bev ._price {
    gap: calc(12/375*100vw);
    font-size: calc(19.37/375*100vw);
    line-height: calc(33.9/19.37);
    margin-bottom: calc(24/375*100vw);
  }
  .block-bev ._tag {
    font-size: calc(9.54 / 375 * 100vw);
    line-height: calc(13.12 / 9.54);
    border: calc(1 / 375 * 100vw) solid #00532E;
    border-radius: calc(2.75 / 375 * 100vw);
    padding: 0 calc(7 / 375 * 100vw);
  }
  .block-bev .bev_btn {
    left: calc(-5 / 375 * 100vw);
    width: calc(271.16 / 375 * 100vw);
    height: calc(50.84/375*100vw);
    border-radius: calc(37/375*100vw);
  }
  .block-bev .bev_btn a {
    font-size: calc(15.5/375*100vw);
    line-height: calc(50.84/375*100vw);
  }

  .block-bev .btn {
    width: calc(232.43 / 375 * 100vw);
    height: calc(36.32/375*100vw);
    border: calc(1 / 375 * 100vw) solid #00532E;
    border-radius: calc(37/375*100vw);
    margin: calc(285/375*100vw) auto 0;
  }
  .block-bev .btn a {
    font-size: calc(13.56/375*100vw);
    line-height: calc(36.32/375*100vw);
  }
  .block-bev ._link {
    width: fit-content;
    font-size: calc(12.59/375*100vw);
    line-height: calc(17.2/12.59);
    font-weight: 500;
    padding-bottom: calc(3/375*100vw);
    border-bottom: calc(1 / 375 * 100vw) solid #00532E;
    margin: calc(22/375*100vw) auto 0;
  }
}
/* =============================================
block-food
============================================= */

.block-food {
  margin-top: calc(190/1440*100vw);
}
#sweets {
  position: relative;
  top: calc(60/1440*100vw);
}
.block-food .ttl_h2 {
  font-family: 'Lander Bold';
  font-size: calc(105/1440*100vw);
  line-height: calc(227.83/105);
  font-style: normal;
  font-weight: 700;
  color: #00532E;
  letter-spacing: 0.05em;
  text-align: center;
  padding-top: calc(80/1440*100vw);
}

.block-food-box {
  display: flex;
  justify-content: center;
  gap: calc(62/1440*100vw);
  margin-top: calc(123/1440*100vw);
}

.block-food ._bev {
  flex-shrink: 0;
  width: calc(532.55/1440*100vw);
}
.block-food ._textarea {
  position: relative;
  left: calc(-3/1440*100vw);
  color: #00532E;
  margin-top: calc(20/1440*100vw);
}
.block-food ._lead {
  font-size: calc(22/1440*100vw);
  line-height: calc(32/22);
  font-weight: 600;
  margin-bottom: calc(13/1440*100vw);
}
.block-food ._title {
  margin-bottom: calc(13/1440*100vw);
}
.block-food ._title a {
  font-size: calc(35 / 1440 * 100vw);
  line-height: calc(45 / 35);
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #00532E;
}
.block-food ._price {
  display: flex;
  align-items: center;
  gap: calc(23.3/1440*100vw);
  font-family: 'SoDoSans';
  font-size: calc(35/1440*100vw);
  line-height: calc(40.3/35);
  margin-bottom: calc(24/1440*100vw);
}
.block-food .bev_btn {
  position: relative;
  width: calc(320 / 1440 * 100vw);
  height: calc(74/1440*100vw);
  background: #00532E;
  border-radius: calc(37/1440*100vw);
}
.block-food .bev_btn a {
  display: block;
  font-size: calc(28/1440*100vw);
  line-height: calc(74/1440*100vw);
  color: #fff;
  text-align: center;
}

.block-food .btn {
  width: calc(427 / 1440 * 100vw);
  height: calc(74/1440*100vw);
  border: 2px solid #00532E;
  border-radius: calc(37/1440*100vw);
  margin: calc(185/1440*100vw) auto 0;
}
.block-food .btn a {
  display: block;
  font-size: calc(25/1440*100vw);
  line-height: calc(74/1440*100vw);
  color: #00532E;
  text-align: center;
}
.block-food ._link {
  width: fit-content;
  display: block;
  font-size: calc(15/1440*100vw);
  line-height: calc(27.22/15);
  color: #00532E;
  text-align: center;
  font-weight: 700;
  padding-bottom: calc(5/1440*100vw);
  border-bottom: 1px solid #00532E;
  margin: calc(20/1440*100vw) auto 0;
}

@media all and (max-width: 1023px) {
  .block-food {
    margin-top: calc(126/375*100vw);
  }
  #sweets {
    top: calc(40/375*100vw);
  }
  .block-food .ttl_h2 {
    font-size: calc(48.42/375*100vw);
    line-height: calc(54.2/48.42);
    padding-top: calc(80/375*100vw);
    letter-spacing: 0;
  }

  .block-food-box {
    flex-direction: column;
    align-items: center;
    gap: calc(24 / 375 * 100vw);
    margin-top: calc(50 / 375 * 100vw);
  }

  .block-food ._bev {
    position: relative;
    left: calc(3 / 375 * 100vw);
    width: calc(257.87/375*100vw);
  }
  .block-food ._textarea {
    left: calc(14/375*100vw);
    margin-top: calc(20/375*100vw);
  }
  .block-food ._lead {
    font-size: calc(12/375*100vw);
    line-height: calc(18/12);
    margin-bottom: calc(4/375*100vw);
  }
  .block-food ._title {
    margin-bottom: calc(3/375*100vw);
  }
  .block-food ._title a {
    font-size: calc(15.5 / 375 * 100vw);
    line-height: calc(23.24 / 15.5);
  }
  .block-food ._price {
    gap: calc(23.3/375*100vw);
    font-size: calc(15.5/375*100vw);
    line-height: calc(17.66/15.5);
    margin-bottom: calc(11/375*100vw);
  }
  .block-food .bev_btn {
    width: calc(154.95 / 375 * 100vw);
    height: calc(36.32/375*100vw);
    border-radius: calc(18.11/375*100vw);
  }
  .block-food .bev_btn a {
    font-size: calc(13.56/375*100vw);
    line-height: calc(36.32/375*100vw);
  }

  .block-food .btn {
    width: calc(232.43 / 375 * 100vw);
    height: calc(36.32/375*100vw);
    border: calc(1 / 375 * 100vw) solid #00532E;
    border-radius: calc(18.11/375*100vw);
    margin: calc(60/375*100vw) auto 0;
  }
  .block-food .btn a {
    font-size: calc(13.56/375*100vw);
    line-height: calc(36.32/375*100vw);
  }
  .block-food ._link {
    width: fit-content;
    font-size: calc(12.59/375*100vw);
    line-height: calc(17.2/12.59);
    font-weight: 500;
    padding-bottom: calc(5/375*100vw);
    border-bottom: calc(1 / 375 * 100vw) solid #00532E;
    margin: calc(20/375*100vw) auto 0;
  }
}
/* =============================================
Fixed Menu
============================================= */
.fixed_menu__wrap {
  position: fixed;
  top: calc(630 / 1440 * 100vw);
  right: calc(63 / 1440 * 100vw);
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 10;
}
.fixed_menu {
  transition: opacity 0.5s ease;
}
.fixed_menu.is-hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.fixed_menu.is-gone {
  display: none;
}
.fixed_menu img {
  width: calc(211/1440*100vw);
}

@media all and (max-width: 1023px) {
  .fixed_menu__wrap {
    top: calc(425 / 375 * 100vw);
    right: calc(8 / 375 * 100vw);
  }
  .fixed_menu img {
    width: calc(126/375*100vw);
  }
}

/* ==================================================
9/10 公開用（感想エリア非表示Ver）bodyに.imp_offを付与で発動
===================================================== */
/* 背景の高さの調整 */
.imp_off .bgBox01 {
  /* height: calc(7217.32/1440*100vw); */
  height: calc(7126/1440*100vw);
}

/* 追従メニューを非表示 */
.imp_off .fixed_menu__wrap {
  display: none;
}

/* 感想エリアを非表示 */
.imp_off .block-impression {
  display: none;
}

/* 感想エリア直下の商品エリアの調整 */
.imp_off .block-bev {
  margin-top: calc(190/1440*100vw);
}
.imp_off .block-bev-box {
  margin-top: calc(221 / 1440 * 100vw);
}
.imp_off .block-bev .btn {
  margin: calc(20 / 1440 * 100vw) auto 0;
}

@media all and (max-width: 1023px) {
  /* 背景の高さの調整 */
  .imp_off .bgBox01 {
    height: calc(5157.05/375*100vw);
  }

  /* 感想エリア直下の商品エリアの調整 */
  .imp_off .block-bev {
    margin-top: calc(85/375*100vw);
  }
  .imp_off .block-bev-box {
    margin-top: 0;
  }
  .imp_off .block-bev .btn {
    margin: calc(284 / 375 * 100vw) auto 0;
  }

  /* FOODエリアの一覧ボタンの位置調整 */
  .imp_off .block-food .btn {
    margin: calc(87 / 375 * 100vw) auto 0;
  }
}