@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: 'LanderGrande';
  font-style: normal;
  font-weight: 500;
  src: url("/common/fonts/Lander/LanderGrande-SemiBold.woff") format("woff")
}

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


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



body {
  max-width: 100%;
  width: 100%;
  font-family: 'Noto Sans JP';
}

.bgBox01,
.bgBox02 {
  color: #b18e28;
}

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;
}

.bgBox01 a:hover,
.bgBox02 a:hover {
  display: block;
}

._btn a,
._btn02 a {
  cursor: pointer;
  transition-duration: 0.2s;
  z-index: 1;
  font-weight: 500;
}

._btn a:hover,
._btn02 a:hover {
  opacity: .7;
}

.sp_only {
  display: none;
}

/* .ContentsBox {
  overflow-x: hidden;
} */

@media print,
screen and (max-width: 1023px) {
  .sp_only {
    display: block;
  }

  .pc_only {
    display: none;
  }
}

/* =============================================
bg
============================================= */
.bgBox01 {
  position: relative;
  background-image: url(/cafe/grand-muscat/images/bg/bg_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: calc(4700/1440*100vw);
  overflow-x: hidden;
}

.bgBox02 {
  position: relative;
  background-image: url(/cafe/grand-muscat/images/bg/bg_02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: calc(1480/1440*100vw);
}

.bgBox03 {
  position: relative;
  background-image: url(/cafe/grand-muscat/images/bg/bg_03.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: calc(2950/1440*100vw);
}

.bgBox04 {
  position: relative;
  background-image: url(/cafe/grand-muscat/images/bg/bg_04.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: calc(6233/1440*100vw);
}

@media print,
screen and (max-width: 1023px) {
  .bgBox01 {
    background-image: url(/cafe/grand-muscat/images/bg/bg_01_sp.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    /* background-size: 100% auto; */
    height: calc(7709/750*100vw);
  }

  .bgBox02 {
    position: relative;
    background-image: url(/cafe/grand-muscat/images/bg/bg_02_sp.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    /* background-size: 100% auto; */
    height: calc(1800/750*100vw);
  }

  .bgBox03 {
    position: relative;
    background-image: url(/cafe/grand-muscat/images/bg/bg_03_sp.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    /* background-size: 100% auto; */
    height: calc(4100/750*100vw);
  }

  .bgBox04 {
    position: relative;
    background-image: url(/cafe/grand-muscat/images/bg/bg_04_sp.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    /* background-size: 100% auto; */
    height: calc(8492/750*100vw);
    overflow-x: hidden;
  }
}

.ContentsBox {
  font-family: "Noto Serif JP", serif;
}

/* =============================================
mv
============================================= */
.block-main {
  position: relative;
}

.block-main .title {
  width: calc(451 / 1440 * 100vw);
  position: absolute;
  top: calc(295 / 1440 * 100vw);
  left: calc(82 / 1440 * 100vw);
  z-index: 1;
}

.block-main .title img {
  width: 100%;
}
.block-main .goods ._bluer::before {
  content: "";
  background: url(/cafe/grand-muscat/images/mv/blur.png) no-repeat;
  display: inline-block;
  width: calc(306 / 1440 * 100vw);
  height: calc(309 / 1440 * 100vw);
  position: absolute;
  background-size: cover;
  top: calc(248 / 1440 * 100vw);
  left: calc(1126 / 1440 * 100vw);
}
.block-main .goods .goods_title a {
  position: absolute;
  font-size: calc(22/1440*100vw);
  line-height: calc(32/22);
  font-weight: 700;
  color: #b18e28;
  top: calc(288 / 1440 * 100vw);
  left: calc(1170 / 1440 * 100vw);
}

.block-main .goods a {
  position: absolute;
}

.block-main .goods a:hover {
  filter: brightness(1.07);
}

.block-main .goods .goods_note {
  position: absolute;
  top: calc(392 / 1440 * 100vw);
  left: calc(1156 / 1440 * 100vw);
}

.block-main .goods .goods_note li {
  font-size: calc(16/1440*100vw);
  line-height: calc(22/16);
  font-weight: 700;
  color: #b18e28;
  text-indent: -1em;
  padding-left: 1em;
}

.block-main .goods._01 .goods_img {
  width: calc(252.5 / 1440 * 100vw);
  height: calc(597 / 1440 * 100vw);
  top: calc(208.5 / 1440 * 100vw);
  left: calc(894 / 1440 * 100vw);
}

.block-main .goods._01 .goods_img img {
  opacity: 1;
  transition-duration: 0.2s;
}
.block-main .goods._01 .goods_img img:hover {
  filter: brightness(1.02);
}


.block-main .goods._01 ._note {
  position: absolute;
  top: calc(852 / 1440 * 100vw);
  left: calc(922 / 1440 * 100vw);
  font-size: calc(16 / 1440 * 100vw);
  line-height: calc(24 / 16);
  font-weight: 700;
  color: #b18e28;
}

@media print,
screen and (max-width: 1023px) {
  .block-main .title {
    width: calc(681 / 750* 100vw);
    top: calc(1212 / 750 * 100vw);
    left: calc(37 / 750 * 100vw);
  }

 .block-main .goods ._bluer::before {
    content: "";
    background: url(/cafe/grand-muscat/images/mv/blur_sp.png) no-repeat;
    display: inline-block;
    width: calc(191 / 750 * 100vw);
    height: calc(279 / 750 * 100vw);
    position: absolute;
    background-size: cover;
    top: calc(558 / 750 * 100vw);
    left: calc(545 / 750 * 100vw);
  } 

  .block-main .goods .goods_title a {
    font-size: calc(21/750*100vw);
    line-height: calc(32/21);
    top: calc(558 / 750 * 100vw);
    left: calc(568 / 750 * 100vw);
    letter-spacing: 0.12em;
  }

  .block-main .goods a:hover {
    filter: brightness(1.07);
  }

  .block-main .goods .goods_note {
    position: absolute;
    top: calc(668 / 750 * 100vw);
    left: calc(550 / 750 * 100vw);
  }

  .block-main .goods .goods_note li {
    font-size: calc(18 / 750 * 100vw);
    line-height: calc(24 / 18);
  }

  .block-main .goods._01 .goods_img {
    width: calc(379 / 750 * 100vw);
    height: calc(830 / 750 * 100vw);
    top: calc(345 / 750 * 100vw);
    left: calc(187 / 750 * 100vw);
    z-index: 1;
  }
  .block-main .goods._01 .goods_img img {
    opacity: 0;
  }

  .block-main .goods._01 ._note {
    top: calc(1665 / 750 * 100vw);
    left: calc(215 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
    line-height: calc(26 / 20);
    text-indent: -1em;
    padding-left: 1em;
  }
}

/* =============================================
  lead
  ============================================= */
.block-lead {

  text-align: center;
  position: relative;
  top: calc(950 / 1440* 100vw);
}

.block-lead ._title {
  position: absolute;
  top: calc(195 / 1440 * 100vw);
  left: calc(534 / 1440 * 100vw);
}

.block-lead ._title span {
  font-size: calc(46 / 1440 * 100vw);
  line-height: calc(70 / 46);
  font-weight: 600;
}

.block-lead ._title span._t2 {
    position: relative;
    font-size: calc(40 / 1440* 100vw);
    left: calc(18 / 1440* 100vw);
    letter-spacing: 0.16em;
}
.block-lead ._title span._t3 {
position: relative;
    left: calc(16 / 1440* 100vw);
}

.block-lead ._text {
  position: absolute;
  top: calc(376 / 1440 * 100vw);
  left: calc(481 / 1440 * 100vw);
  font-size: calc(24 / 1440 * 100vw);
  line-height: calc(44 / 24);
  text-align: center;
  font-weight: bold;
}

@media print,
screen and (max-width: 1023px) {
  .block-lead {
    top: calc(1923 / 750* 100vw);
  }

  .block-lead ._title {
    top: calc(136 / 750 * 100vw);
    left: 0;
    right: 0;
    margin: auto;
  }

  .block-lead ._title span {
    font-size: calc(64 / 750* 100vw);
    line-height: calc(93 / 64);
  }
    .block-lead ._title span._t2 {
        font-size: calc(55 / 750* 100vw);
        left: calc(33 / 750* 100vw);
  }
    .block-lead ._title span._t3 {
    left: calc(28 / 750 * 100vw);
  }

  .block-lead ._text {
    top: calc(373 / 750 * 100vw);
    left: calc(64 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
    line-height: calc(56 / 32);
    letter-spacing: 0;
    font-weight: 500;
  }
}

/* =============================================
  disc
  ============================================= */
.block-disc {
  text-align: left;
  position: relative;
  top: calc(1610 / 1440* 100vw);
}

.block-disc ._text {
  width: calc(264 / 1440 * 100vw);
  position: absolute;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
}

.block-disc ._text ._ttl {
  font-size: calc(24 / 1440* 100vw);
  line-height: calc(32 / 24);
  font-weight: 500;
  margin-bottom: calc(5 / 1440 * 100vw);
}

.block-disc ._text ._border-text {
  font-size: calc(28 / 1440* 100vw);
  line-height: calc(40 / 28);
  font-weight: 500;
}

.block-disc ._text._01 {
  top: calc(212 / 1440 * 100vw);
  left: calc(725 / 1440 * 100vw);
}

.block-disc ._text._02 {
  top: calc(1113 / 1440 * 100vw);
  left: calc(439 / 1440 * 100vw);
}

.block-disc ._text._02 ._border-text {
  line-height: calc(36 / 24);
}

.block-disc ._text._03 {
  width: calc(264 / 1440 * 100vw);
  top: calc(1963 / 1440 * 100vw);
  left: calc(290 / 1440 * 100vw);
}

@media print,
screen and (max-width: 1023px) {
  .block-disc {
    top: calc(2840 / 750* 100vw);
  }

  .block-disc ._text ._ttl {
    font-size: calc(28 / 750* 100vw);
    line-height: calc(36 / 28);
    margin-bottom: calc(10 / 750 * 100vw);
  }

  .block-disc ._text._01 {
    width: calc(323 / 750 * 100vw);
    top: calc(141 / 750 * 100vw);
    left: calc(394 / 750 * 100vw);
  }

  .block-disc ._text._02 {
    width: calc(323 / 750 * 100vw);
    top: calc(1443 / 750 * 100vw);
    left: calc(40 / 750 * 100vw);
  }

  .block-disc ._text._02 ._border-text {
    width: max-content;
    line-height: calc(50 / 36);
  }

  .block-disc ._text._03 {
    width: calc(310 / 750 * 100vw);
    top: calc(2469 / 750 * 100vw);
    left: calc(341 / 750 * 100vw);
  }

  .block-disc ._text ._border-text {
    font-size: calc(36 / 750* 100vw);
    line-height: calc(48 / 36);
    padding: calc(8 / 750 * 100vw) 0;
  }
}

/* =============================================
product
============================================= */
.block-product {
  position: relative;
  top: calc(3477/1440*100vw);
}

._item ._img {
  margin-bottom: calc(45/1440*100vw);
}

._item ._textWrap {
  position: relative;
}

._item ._textWrap ._title {
  color: #b18e28;
  font-size: calc(32/1440*100vw);
  font-weight: 700;
  line-height: calc(40/32);
  letter-spacing: 0;
  margin-bottom: calc(5/1440*100vw);
}

._item ._textWrap ._text {
  position: relative;
  top: calc(3 / 1440* 100vw);
  left: calc(1/1440*100vw);
  display: flex;
  gap: 14px;
  margin-bottom: calc(9 / 1440* 100vw);
}

._item ._textWrap ._text ._sizePrice {
  font-family: 'SoDoSans SemiBold';
  font-size: calc(34/1440*100vw);
  line-height: calc(40/34);
  position: relative;
  top: 0;
}

._item ._textWrap ._text ._sizePrice span {
  font-size: calc(32/1440*100vw);
  line-height: calc(40/32);
  letter-spacing: 0.03em;
  margin-right: calc(5/1440*100vw);
}

._item ._textWrap ._text ._tag {
  border: calc(2 / 1440* 100vw) solid #b18e28;
  border-radius: calc(5 / 1440* 100vw);
  font-size: calc(18 / 1440* 100vw);
  font-weight: bold;
  align-self: center;
  padding: calc(3 / 1440* 100vw) calc(9 / 1440* 100vw);
}

._item ._textWrap ._disc {
  font-size: calc(24/1440*100vw);
  line-height: calc(36/24);
  /* letter-spacing: 0.03em; */
  margin-bottom: calc(8 / 1440* 100vw);
}

._item ._textWrap ._note {
  font-size: calc(20/1440*100vw);
  line-height: calc(32/20);
  font-weight: 700;
  margin-bottom: calc(16/1440*100vw);
}

._item ._textWrap ._btn {
  position: relative;
  left: calc(4/1440*100vw);
  width: calc(336/1440*100vw);
  height: calc(72/1440*100vw);
  border: 1px solid #b18e28;
  background-color: #b18e28;
  border-radius: calc(36 / 1440* 100vw);
}

._item ._textWrap ._btn a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(24 / 1440* 100vw);
  line-height: calc(32/24);
  letter-spacing: 0;
  color: #fff;
  font-weight: bold;
}

._item._02 {
  display: flex;
  align-items: center;
  position: absolute;
  top: calc(155 / 1440 * 100vw);
  left: calc(456 / 1440 * 100vw);
}

._item._02 ._img02 {
  display: block;
  width: calc(303 / 1440* 100vw);
  z-index: 1;
  transition-duration: 0.2s;
}

._item._02 ._img02:hover {
  filter: brightness(1.06);
}

._item._02 ._textWrap {
  top: calc(53 / 1440* 100vw);
  left: calc(57 / 1440* 100vw);
}

._item._02 ._textWrap ._text {
  top: calc(7 / 1440* 100vw);
  left: calc(4 / 1440* 100vw);
  margin-bottom: 0;
  gap: calc(12 / 1440* 100vw);
}

._item._02 ._textWrap ._text ._sizePrice span {
  margin-right: 0;
}

._item._02 ._textWrap ._disc {
  position: relative;
  top: calc(7 / 1440* 100vw);
  left: calc(3 / 1440* 100vw);
  font-size: calc(24 / 1440* 100vw);
  line-height: calc(36 / 24);
  font-weight: 600;
  margin-bottom: calc(3 / 1440* 100vw);
}

._item._02 ._textWrap ._note {
  position: relative;
  top: calc(16 / 1440 * 100vw);
  left: calc(3 / 1440 * 100vw);
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 0;
}

._item._02 ._textWrap ._btn {
  top: calc(49 / 1440* 100vw);
  left: calc(9 / 1440* 100vw);
}

.block-product ._btn02 {
  position: absolute;
  top: calc(975 / 1440* 100vw);
  left: calc(520 / 1440* 100vw);
  width: calc(400 / 1440* 100vw);
  height: calc(72 / 1440* 100vw);
  border: calc(2 / 1440* 100vw) solid #b18e28;
  border-radius: calc(36 / 1440* 100vw);
}

.block-product ._btn02 a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(24 / 1440 * 100vw);
  line-height: calc(40 / 24);
  text-align: center;
  color: #b18e28;
}

.block-product ._tlink {
  position: absolute;
  top: calc(1067 / 1440* 100vw);
  left: calc(540 / 1440* 100vw);
}

.block-product ._tlink a {
  font-size: calc(20/1440*100vw);
  line-height: calc(40/20);
  font-weight: 600;
  color: #b18e28;
}

.block-product ._tlink a::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #b18e28;
  position: absolute;
  left: 0;
  bottom: -6px;
}

.block-product ._tlink a:hover {
  opacity: .7;
}

@media print,
screen and (max-width: 1023px) {
  .block-product {
    top: calc(5607 / 750 * 100vw);
  }

  ._item ._textWrap {
    width: fit-content;
  }

  ._item ._textWrap ._title {
    font-size: calc(40/750*100vw);
    line-height: calc(56/40);
    margin-bottom: calc(5/750*100vw);
  }

  ._item ._textWrap ._text {
    top: calc(-3 / 750* 100vw);
    left: calc(1/750*100vw);
    display: flex;
    gap: 11px;
  }

  ._item ._textWrap ._text ._sizePrice {
    font-size: calc(40/750*100vw);
    line-height: calc(55.98/40);
    position: relative;
    top: calc(6/750*100vw);
  }

  ._item ._textWrap ._text ._sizePrice span {
    font-size: calc(36/750*100vw);
    line-height: calc(55.98/36);
  }

  ._item ._textWrap ._text ._tag {
    border: calc(2 / 750* 100vw) solid #b18e28;
    border-radius: calc(5 / 750* 100vw);
    font-size: calc(22 / 750* 100vw);
    align-self: center;
    padding: calc(4 / 750* 100vw) calc(13 / 750* 100vw);
  }

  ._item ._textWrap ._disc {
    position: relative;
    top: calc(-3/750*100vw);
    font-size: calc(28/750*100vw);
    line-height: calc(40/28);
    /* letter-spacing: 0.03em; */
    margin-bottom: calc(5 / 750* 100vw);
  }

  ._item ._textWrap ._note {
    font-size: calc(24/750*100vw);
    line-height: calc(36/24);
    font-weight: 500;
    margin-bottom: calc(37/750*100vw);
  }

  ._item ._textWrap ._btn {
    width: calc(560/750*100vw);
    height: calc(104/750*100vw);
    border-radius: calc(52/750*100vw);
  }

  ._item._01 ._textWrap ._btn {
    top: calc(-15 / 750* 100vw);
    left: calc(6 / 750* 100vw);
  }

  ._item ._textWrap ._btn a {
    font-size: calc(32 / 750* 100vw);
    line-height: calc(48/32);
  }


  ._item._02 {
    display: block;
    position: relative;
    top: 0;
    left: 0;
  }

  ._item._02 ._img02 {
    display: block;
    position: absolute;
    top: calc(136 / 750 * 100vw);
    left: calc(332 / 750 * 100vw);
    width: calc(367 / 750 * 100vw);
  }

  ._item._02 ._textWrap {
    top: calc(889 / 750 * 100vw);
    left: calc(92 / 750 * 100vw);
  }

  ._item._02 ._textWrap ._title {
    margin-bottom: calc(-5 / 750* 100vw);
  }

  ._item._02 ._textWrap ._text {
    top: 0;
    left: calc(4 / 750* 100vw);
    margin-bottom: calc(20 / 750 * 100vw);
    gap: calc(13 / 750* 100vw);
  }

  ._item._02 ._textWrap ._disc {
    top: 0;
    left: calc(1 / 750* 100vw);
    font-size: calc(28 / 750* 100vw);
    line-height: calc(40 / 28);
    font-weight: 500;
    margin-bottom: calc(3 / 750* 100vw);
  }

  ._item._02 ._textWrap ._note {
    top: calc(8 / 750* 100vw);
    left: calc(1 / 750* 100vw);
    margin-bottom: 0;
  }

  ._item._02 ._textWrap ._btn {
    top: calc(74 / 750 * 100vw);
    left: calc(2 / 750 * 100vw);
  }

  .block-product ._btn02 {
    top: calc(1604 / 750* 100vw);
    left: calc(140 / 750* 100vw);
    width: calc(479.63 / 750* 100vw);
    height: calc(76.01 / 750* 100vw);
    border-radius: calc(37.96 / 750* 100vw);
    border: calc(2 / 750* 100vw) solid #b18e28;
  }

  .block-product ._btn02 a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(28.01/750*100vw);
    line-height: calc(48.01/28.01);
    text-align: center;
    color: #b18e28;
  }

  .block-product ._tlink {
    top: calc(1730 / 750 * 100vw);
    left: calc(140 / 750 * 100vw);
  }

  .block-product ._tlink a {
    font-size: calc(26/750*100vw);
    line-height: calc(40/26);
  }

  .block-product ._tlink a::after {
    height: calc(2/750*100vw);
    bottom: calc(-12/750*100vw);
  }
}

/* =============================================
block_special
============================================= */
.block_special {
  position: relative;
}

.block_special ._ttl {
  position: absolute;
  top: calc(635 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
  font-family: 'LanderGrande';
  font-size: calc(52 / 1440 * 100vw);
  font-weight: 400;
  line-height: calc(64 / 52);
  color: #fff;
  text-align: center;
  letter-spacing: 0.07em;
}

.block_special ._text {
  position: absolute;
  top: calc(966 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
  font-size: calc(19 / 1440 * 100vw);
  font-weight: bold;
  line-height: calc(29 / 19);
  text-align: center;
  color: #716134;
}

.block_special ._sub {
  position: absolute;
  top: calc(1103 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
  font-size: calc(16 / 1440 * 100vw);
  font-weight: bold;
  line-height: calc(22 / 16);
  text-align: center;
  color: #716134;
}

.block_special ._arrow {
  position: absolute;
  top: calc(1148 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
  width: calc(20 / 1440 * 100vw);
}

.block_special ._btn {
  position: absolute;
  top: calc(1165 / 1440 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
  width: calc(360 / 1440 * 100vw);
}

@media print,
screen and (max-width: 1023px) {
  .block_special ._ttl {
    top: calc(660 / 750 * 100vw);
    font-size: calc(64 / 750 * 100vw);
    line-height: calc(76 / 64);
    letter-spacing: 0.05em;
  }

  .block_special ._text {
    top: calc(1063 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
    font-weight: bold;
    line-height: calc(36 / 24);
    letter-spacing: 0.02em;
  }

  .block_special ._sub {
    top: calc(1232 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: calc(28 / 20);
  }

  .block_special ._arrow {
    top: calc(1280 / 750 * 100vw);
    width: calc(24 / 750 * 100vw);
  }

  .block_special ._btn {
    top: calc(1311 / 750 * 100vw);
    width: calc(440 / 750 * 100vw);
  }
}


/* =============================================
parts common
============================================= */
.block-mod ._ttl {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font-family: 'LanderGrande';
  font-size: calc(100 / 1440* 100vw);
  line-height: calc(108 / 100);
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: center;
  color: #b18e28;
}

.block-mod ._lead {
  position: absolute;
  font-size: calc(28 / 1440* 100vw);
  line-height: calc(40 / 28);
  font-weight: bold;
  color: #b18e28;
  text-align: center;
}

.block-mod ._name a {
  font-size: calc(28 / 1440* 100vw);
  line-height: calc(40 / 28);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #b18e28;
}

.block-mod ._price {
  font-family: 'SoDoSans';
  font-size: calc(28 / 1440* 100vw);
  line-height: calc(40 / 28);
  color: #b18e28;
}

.block-mod ._t {
  font-size: calc(20 / 1440* 100vw);
  line-height: calc(32 / 20);
  font-weight: 900;
  letter-spacing: 0.03em;
  color: #b18e28;
}

.block-mod ._btn {
  position: relative;
  left: calc(4/1440*100vw);
  background: #b18e28;
  border-radius: calc(36/1440*100vw);
  width: calc(336/1440*100vw);
}

.block-mod ._btn a {
  display: block;
  font-size: calc(24/1440*100vw);
  line-height: calc(36 / 24);
  text-align: center;
  letter-spacing: 0.01em;
  color: #fff;
  padding: calc(18/1440*100vw) 0;
}

@media print,
screen and (max-width: 1023px) {
  .block-mod ._ttl {
    font-size: calc(100 / 750* 100vw);
    line-height: calc(108 / 100);
    font-weight: 400;
  }

  .block-mod ._lead {
    font-size: calc(28 / 750* 100vw);
    line-height: calc(40 / 28);
  }

  .block-mod ._name a {
    display: block;
    font-size: calc(32 / 750* 100vw);
    line-height: calc(42 / 32);
  }

  .block-mod ._price {
    font-size: calc(32 / 750* 100vw);
    line-height: calc(56 / 32);
  }

  .block-mod ._t {
    font-size: calc(22 / 750* 100vw);
    line-height: calc(32 / 22);
  }

  .block-mod ._btn {
    width: calc(320/750*100vw);
    border-radius: calc(38/750*100vw);
    left: calc(4/750*100vw);
  }

  .block-mod ._btn a {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(48 / 28);
    padding: calc(14 / 750 * 100vw) 0;
  }
}

/* =============================================
food
============================================= */
.block-food {
  position: relative;
  top: calc(0 / 1440* 100vw);
}

.block-food ._ttl {
  top: calc(178 / 1440* 100vw);
  font-size: calc(104 / 1440 * 100vw);
  line-height: calc(112 / 104);
  letter-spacing: 0;
}

.block-food ._lead {
  top: calc(188 / 1440* 100vw);
  left: calc(366 / 1440* 100vw);
}

/* _item1 */
.block-food ._item1 {
  position: relative;
  top: calc(573 / 1440* 100vw);
}

.block-food ._item1 ._img {
  position: absolute;
  width: calc(431 / 1440 * 100vw);
  top: 0;
  left: calc(788 / 1440 * 100vw);
}

.block-food ._item1 ._img a {
  transition-duration: 0.2s;
}

.block-food ._item1 ._img a:hover {
  filter: brightness(1.06);
}

.block-food ._item1 ._name {
  position: absolute;
  top: calc(249 / 1440 * 100vw);
  left: calc(420 / 1440 * 100vw);
}

.block-food ._item1 ._name a {
  letter-spacing: 0;
}

.block-food ._item1 ._price {
  position: absolute;
  top: calc(294 / 1440 * 100vw);
  left: calc(418 / 1440 * 100vw);
}

.block-food ._item1 ._t {
  position: absolute;
  top: calc(119 / 1440 * 100vw);
  left: calc(420 / 1440 * 100vw);
  font-weight: 700;
  letter-spacing: 0.1em;
}

.block-food ._item1 ._btn {
  position: absolute;
  top: calc(348 / 1440 * 100vw);
  left: calc(422 / 1440 * 100vw);
}



/* _item2 */
.block-food ._item2 {
  position: relative;
  top: calc(910 / 1440* 100vw);
}

.block-food ._item2 ._img {
  position: absolute;
  width: calc(409 / 1440 * 100vw);
  top: calc(332 / 1440 * 100vw);
  left: calc(193 / 1440 * 100vw);
}

.block-food ._item2 ._img a {
  transition-duration: 0.2s;
}

.block-food ._item2 ._img a:hover {
  filter: brightness(1.06);
}

.block-food ._item2 ._name {
  position: absolute;
  top: calc(559 / 1440 * 100vw);
  left: calc(680 / 1440 * 100vw);
}

.block-food ._item2 ._name a {
  letter-spacing: 0;
}

.block-food ._item2 ._price {
  position: absolute;
  top: calc(646 / 1440 * 100vw);
  left: calc(680 / 1440 * 100vw);
}

.block-food ._item2 ._t {
  position: absolute;
  top: calc(461 / 1440 * 100vw);
  left: calc(680 / 1440 * 100vw);
  font-weight: 700;
  letter-spacing: 0.1em;
}

.block-food ._item2 ._btn {
  position: absolute;
  top: calc(698 / 1440 * 100vw);
  left: calc(680 / 1440 * 100vw);
}

/* _item3 */
.block-food ._item3 {
  position: relative;
  top: calc(1903 / 1440* 100vw);
}

.block-food ._item3 ._img {
  position: absolute;
  width: calc(458 / 1440 * 100vw);
  top: calc(50 / 1440 * 100vw);
  left: calc(723 / 1440 * 100vw);
}

.block-food ._item3 ._img a {
  transition-duration: 0.2s;
}

.block-food ._item3 ._img a:hover {
  filter: brightness(1.06);
}

.block-food ._item3 ._name {
  position: absolute;
  top: calc(248 / 1440 * 100vw);
  left: calc(329 / 1440 * 100vw);
}

.block-food ._item3 ._name a {
  letter-spacing: 0;
}

.block-food ._item3 ._price {
  position: absolute;
  top: calc(331 / 1440 * 100vw);
  left: calc(329 / 1440 * 100vw);
}

.block-food ._item3 ._t {
  position: absolute;
  top: calc(149 / 1440 * 100vw);
  left: calc(329 / 1440 * 100vw);
  font-weight: 700;
  letter-spacing: 0.1em;
}

.block-food ._item3 ._btn {
  position: absolute;
  top: calc(388 / 1440 * 100vw);
  left: calc(334 / 1440 * 100vw);
}

.block-food ._btn02 {
  position: absolute;
  top: calc(2602 / 1440* 100vw);
  left: calc(520 / 1440* 100vw);
  width: calc(400 / 1440* 100vw);
  height: calc(72 / 1440* 100vw);
  border: calc(2 / 1440* 100vw) solid #b18e28;
  border-radius: calc(36 / 1440* 100vw);
}

.block-food ._btn02 a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(24 / 1440 * 100vw);
  line-height: calc(40 / 24);
  text-align: center;
  color: #b18e28;
}

.block-food ._tlink {
  position: absolute;
  top: calc(2693 / 1440* 100vw);
  left: calc(540 / 1440* 100vw);
}

.block-food ._tlink a {
  font-size: calc(20/1440*100vw);
  line-height: calc(40/20);
  font-weight: 600;
  color: #b18e28;
}

.block-food ._tlink a::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #b18e28;
  position: absolute;
  left: 0;
  bottom: -6px;
}

.block-food ._tlink a:hover {
  opacity: .7;
}


@media print,
screen and (max-width: 1023px) {
  .block-food {
    top: 0;
  }

  .block-food ._ttl {
    top: calc(143 / 750* 100vw);
    font-size: calc(104 / 750 * 100vw);
    line-height: calc(112 / 104);
  }

  .block-food ._lead {
    top: calc(131 / 750* 100vw);
    left: calc(78 / 750* 100vw);
  }

  .block-mod ._t

  /* _item1 */
  .block-food ._item1 {
    top: calc(493 / 750* 100vw);
  }

  .block-food ._item1 ._img {
    width: calc(501 / 750 * 100vw);
    top: calc(269 / 750 * 100vw);
    left: calc(225 / 750 * 100vw);
  }

  .block-food ._item1 ._name {
    top: calc(765 / 750 * 100vw);
    left: calc(62 / 750 * 100vw);
  }

  .block-food ._item1 ._price {
    top: calc(808 / 750 * 100vw);
    left: calc(62 / 750 * 100vw);
  }

  .block-food ._item1 ._t {
    font-weight: 500;
    letter-spacing: 0;
    top: calc(633 / 750 * 100vw);
    left: calc(62 / 750 * 100vw);
  }

  .block-food ._item1 ._btn {
    top: calc(878 / 750 * 100vw);
    left: calc(62 / 750 * 100vw);
  }

  /* _item2 */
  .block-food ._item2 {
    top: calc(1480 / 750* 100vw);
  }

  .block-food ._item2 ._img {
    width: calc(449 / 750 * 100vw);
    top: calc(48 / 750 * 100vw);
    left: calc(26 / 750 * 100vw);
  }

  .block-food ._item2 ._t {
    font-weight: 500;
    letter-spacing: 0;
    top: calc(425 / 750 * 100vw);
    left: calc(317 / 750 * 100vw);
  }

  .block-food ._item2 ._name {
    top: calc(529 / 750 * 100vw);
    left: calc(317 / 750 * 100vw);
  }

  .block-food ._item2 ._price {
    top: calc(611 / 750 * 100vw);
    left: calc(317 / 750* 100vw);
  }

  .block-food ._item2 ._btn {
    top: calc(682 / 750 * 100vw);
    left: calc(317 / 750 * 100vw);
  }

  /* _item3 */
  .block-food ._item3 {
    top: calc(2449 / 750* 100vw);
  }

  .block-food ._item3 ._img {
    width: calc(504 / 750 * 100vw);
    top: calc(46 / 750 * 100vw);
    left: calc(207 / 750 * 100vw);
  }

  .block-food ._item3 ._t {
    font-weight: 500;
    letter-spacing: 0;
    top: calc(395 / 750 * 100vw);
    left: calc(74 / 750 * 100vw);
  }

  .block-food ._item3 ._name {
    top: calc(500 / 750 * 100vw);
    left: calc(74 / 750 * 100vw);
  }

  .block-food ._item3 ._price {
    top: calc(586 / 750 * 100vw);
    left: calc(74 / 750* 100vw);
  }

  .block-food ._item3 ._btn {
    top: calc(651 / 750 * 100vw);
    left: calc(74 / 750 * 100vw);
  }

  .block-food ._btn02 {
    top: calc(3561 / 750 * 100vw);
    left: calc(137 / 750 * 100vw);
    width: calc(479.63 / 750 * 100vw);
    height: calc(76.01 / 750 * 100vw);
    border-radius: calc(37.96 / 750 * 100vw);
    border: calc(2 / 750 * 100vw) solid #b18e28;
  }

  .block-food ._btn02 a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(28.01 / 750 * 100vw);
    line-height: calc(48.01 / 28.01);
    text-align: center;
    color: #b18e28;
  }

  .block-food ._tlink {
    top: calc(3683 / 750 * 100vw);
    left: calc(140 / 750 * 100vw);
  }

  .block-food ._tlink a {
    font-size: calc(26 / 750 * 100vw);
    line-height: calc(40 / 26);
  }


}

/* =============================================
  block-coffee
============================================= */
.block-coffee {
  position: relative;
  top: 0;
}

.block-coffee ._ttl {
  top: calc(173 / 1440 * 100vw);
  letter-spacing: 0;
  font-size: calc(104 / 1440 * 100vw);
  line-height: calc(112 / 104);
}

.block-coffee ._lead {
  top: calc(188 / 1440* 100vw);
  left: calc(503 / 1440* 100vw);
}

.block-coffee.block-mod ._btn {
  width: calc(360/1440*100vw);
}

/* _item1 */
.block-coffee ._item1 {
  width: max-content;
  position: relative;
  top: calc(619 / 1440 * 100vw);
  left: calc(377 / 1440 * 100vw);
}

.block-coffee ._item1 ._img {
  position: relative;
  width: calc(262 / 1440* 100vw);
}

.block-coffee ._item1 ._img a {
  transition-duration: 0.2s;
}

.block-coffee ._item1 ._img a:hover {
  filter: brightness(1.06);
}

.block-coffee ._item1 ._name {
  width: max-content;
  position: absolute;
  top: calc(122 / 1440 * 100vw);
  left: calc(352 / 1440 * 100vw);
}

.block-coffee ._item1 ._price {
  position: absolute;
  width: max-content;
  top: calc(202 / 1440 * 100vw);
  left: calc(352 / 1440 * 100vw);
}

.block-coffee ._item1 ._price span {
  font-family: 'SoDoSans';
  font-size: calc(22 / 1440 * 100vw);
  line-height: calc(32 / 22);
  margin-right: calc(13 / 1440 * 100vw);
}

.block-coffee ._item1 ._t {
  position: absolute;
  width: max-content;
  top: calc(253 / 1440* 100vw);
  left: calc(352 / 1440 * 100vw);
  font-weight: 600;
}

.block-coffee ._item1 ._btn {
  position: absolute;
  top: calc(406 / 1440 * 100vw);
  left: calc(352 / 1440 * 100vw);
}

.block-coffee ._btn02 {
  position: absolute;
  top: calc(1417 / 1440* 100vw);
  left: calc(520 / 1440* 100vw);
  width: calc(400 / 1440* 100vw);
  border-radius: calc(36 / 1440 * 100vw);
  border: calc(2 / 1440* 100vw) solid #b18e28;
}

.block-coffee ._btn02 a {
  display: block;
  font-size: calc(24/1440*100vw);
  line-height: calc(40/24);
  text-align: center;
  letter-spacing: 0.03em;
  color: #b18e28;
  padding: calc(14 / 1440 * 100vw) 0;
}

@media print,
screen and (max-width: 1023px) {
  .block-coffee ._ttl {
    top: calc(133 / 750 * 100vw);
    left: 0;
    letter-spacing: -1px;
    font-size: calc(104 / 750 * 100vw);
    line-height: calc(112 / 104);
  }

  .block-coffee ._lead {
    top: calc(188 / 750* 100vw);
    left: calc(159 / 750* 100vw);
  }

  .block-coffee.block-mod ._btn {
    width: calc(480 / 750* 100vw);
  }

  /* _item1 */
  .block-coffee ._item1 {
    top: calc(503 / 750* 100vw);
    left: calc(3 / 750 * 100vw);
  }

  .block-coffee ._item1 ._img {
    width: calc(278 / 750 * 100vw);
    top: calc(16 / 750 * 100vw);
    left: calc(234 / 750 * 100vw);
  }

  .block-coffee ._item1 ._img a {
    display: block;
  }

  .block-coffee ._item1 ._name {
    top: calc(657 / 750* 100vw);
    left: calc(135 / 750* 100vw);
  }

  .block-coffee ._item1 ._price {
    top: calc(739 / 750* 100vw);
    left: calc(135 / 750* 100vw);
  }

  .block-coffee ._item1 ._price span {
    font-size: calc(24 / 750* 100vw);
    line-height: calc(32 / 24);
    margin-right: calc(13 / 750* 100vw);
  }

  .block-coffee ._item1 ._t {
    top: calc(801 / 750* 100vw);
    left: calc(135 / 750* 100vw);
  }

  .block-coffee ._item1 ._btn {
    top: calc(919 / 750* 100vw);
    left: calc(135 / 750* 100vw);
    border-radius: calc(52 / 750 * 100vw);
  }

  .block-coffee ._item1 ._btn a {
    width: calc(480 / 750* 100vw);
    padding: calc(28 / 750 * 100vw) 0;
    font-size: calc(32 / 750 * 100vw);
    line-height: calc(48 / 32);
  }

  /* _item2 */
  .block-coffee ._item2 {
    top: calc(1277 / 750 * 100vw);
    left: calc(5 / 750 * 100vw);
  }

  .block-coffee ._item2 ._img {
    width: calc(267 / 750* 100vw);
    top: calc(12 / 750* 100vw);
    left: calc(234 / 750* 100vw);
  }

  .block-coffee ._item2 ._name {
    top: calc(657 / 750* 100vw);
    left: calc(135 / 750* 100vw);
  }

  .block-coffee ._item2 ._price {
    top: calc(743 / 750* 100vw);
    left: calc(135 / 750* 100vw);
  }

  .block-coffee ._item2 ._price span {
    font-size: calc(24 / 750* 100vw);
    line-height: calc(32 / 24);
    margin-right: calc(6 / 750* 100vw);
  }

  .block-coffee ._item2 ._t {
    top: calc(797 / 750* 100vw);
    left: calc(135 / 750* 100vw);
  }

  .block-coffee ._item2 ._btn {
    top: calc(920 / 750 * 100vw);
    left: calc(135 / 750 * 100vw);
    border-radius: calc(52 / 750 * 100vw);
  }

  .block-coffee ._item2 ._btn a {
    width: calc(480 / 750* 100vw);
    font-size: calc(32 / 750 * 100vw);
    line-height: calc(48 / 32);
    padding: calc(28 / 750 * 100vw) 0;
  }

  .block-coffee ._btn02 {
    top: calc(1588 / 750 * 100vw);
    left: calc(134 / 750 * 100vw);
    width: calc(480 / 750 * 100vw);
    border-radius: calc(38 / 750 * 100vw);
  }

  .block-coffee ._btn02 a {
    display: block;
    width: 100%;
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(48 / 28);
    padding: calc(11 / 750 * 100vw) 0;
  }
}

/* =============================================
goods
============================================= */
.block-goods {
  position: relative;
  top: calc(1175 / 1440* 100vw);
}

.block-goods ._ttl {
  top: calc(150 / 1440 * 100vw);
  letter-spacing: 0;
  font-size: calc(104 / 1440 * 100vw);
  line-height: calc(112 / 104);
}

/* _item1 */
.block-goods ._item1 {
  position: absolute;
  top: calc(636 / 1440 * 100vw);
  left: calc(8 / 1440 * 100vw);
}

.block-goods ._item1 ._img {
  position: relative;
  width: calc(330 / 1440* 100vw);
  left: calc(96 / 1440* 100vw);
}

.block-goods ._item1 ._name {
  position: absolute;
  width: calc(272 / 1440 * 100vw);
  top: calc(627 / 1440 * 100vw);
  left: calc(90 / 1440 * 100vw);
}

.block-goods ._item1 ._name a {
  font-size: calc(26 / 1440 * 100vw);
  line-height: calc(40 / 26);
  font-weight: 600;
  letter-spacing: 0;
  letter-spacing: 0.07em;
}

.block-goods ._item1 ._price {
  position: absolute;
  top: calc(750 / 1440* 100vw);
  left: calc(92 / 1440* 100vw);
  letter-spacing: 1px;
}

.block-goods ._item1 ._t {
  position: absolute;
  width: calc(352 / 1440 * 100vw);
  top: calc(797 / 1440 * 100vw);
  left: calc(92 / 1440 * 100vw);
  font-weight: 600;
  letter-spacing: 0;
}

.block-goods ._item1 ._btn {
  position: absolute;
  top: calc(926 / 1440 * 100vw);
  left: calc(92 / 1440 * 100vw);
}

/* _item2 */
.block-goods ._item2 {
  position: absolute;
  top: calc(763 / 1440 * 100vw);
  left: calc(501 / 1440 * 100vw);
}

.block-goods ._item2 ._img {
  position: absolute;
  width: calc(278 / 1440 * 100vw);
  top: calc(53 / 1440 * 100vw);
  left: calc(80 / 1440 * 100vw);
}

.block-goods ._item2 ._name {
  position: absolute;
  width: calc(277 / 1440 * 100vw);
  top: calc(494 / 1440 * 100vw);
  left: calc(50 / 1440 * 100vw);
}

.block-goods ._item2 ._name a {
  font-size: calc(26 / 1440 * 100vw);
  line-height: calc(40 / 26);
  font-weight: 600;
  letter-spacing: 0.07em;
}

.block-goods ._item2 ._price {
  position: absolute;
  top: calc(621 / 1440 * 100vw);
  left: calc(50 / 1440 * 100vw);
}

.block-goods ._item2 ._t {
  position: absolute;
  width: calc(327 / 1440 * 100vw);
  top: calc(669 / 1440 * 100vw);
  left: calc(50 / 1440 * 100vw);
  font-weight: 600;
  letter-spacing: 0;
}

.block-goods ._item2 ._btn {
  position: absolute;
  top: calc(798 / 1440 * 100vw);
  left: calc(50 / 1440 * 100vw);
}

/* _item3 */
.block-goods ._item3 {
  position: absolute;
  top: calc(795 / 1440 * 100vw);
  left: calc(863 / 1440 * 100vw);
}

.block-goods ._item3 ._img {
  position: absolute;
  width: calc(417 / 1440 * 100vw);
  top: 0;
  left: calc(126 / 1440 * 100vw);
}

.block-goods ._item3 ._name {
  position: absolute;
  width: calc(314 / 1440 * 100vw);
  top: calc(468 / 1440 * 100vw);
  left: calc(138 / 1440 * 100vw);
}

.block-goods ._item3 ._name a {
  font-size: calc(26 / 1440 * 100vw);
  line-height: calc(40 / 26);
  font-weight: 600;
  letter-spacing: 0.07em;
}

.block-goods ._item3 ._price {
  position: absolute;
  top: calc(590 / 1440 * 100vw);
  left: calc(138 / 1440 * 100vw);
}

.block-goods ._item3 ._t {
  position: absolute;
  width: calc(314 / 1440 * 100vw);
  top: calc(639 / 1440 * 100vw);
  left: calc(142 / 1440 * 100vw);
  font-weight: 600;
  letter-spacing: 0;
}

.block-goods ._item3 ._btn {
  position: absolute;
  top: calc(767 / 1440 * 100vw);
  left: calc(140 / 1440 * 100vw);
}

.block-goods ._img a {
  transition-duration: 0.2s;
}

.block-goods ._img a:hover {
  filter: brightness(1.06);
}

.block-goods ._btn02 {
  position: absolute;
  top: calc(1875 / 1440* 100vw);
  left: calc(520 / 1440* 100vw);
  width: calc(400 / 1440* 100vw);
  border-radius: calc(36 / 1440 * 100vw);
  border: calc(2 / 1440* 100vw) solid #b18e28;
}

.block-goods ._btn02 a {
  font-weight: 500;
  display: block;
  font-size: calc(24/1440*100vw);
  line-height: calc(40/24);
  text-align: center;
  letter-spacing: 0.03em;
  color: #b18e28;
  padding: calc(14 / 1440 * 100vw) 0;
}

@media print,
screen and (max-width: 1023px) {
  .block-goods {
    top: calc(1442 / 750* 100vw);
  }

  .block-goods ._ttl {
    top: calc(139 / 750 * 100vw);
    left: 0;
    letter-spacing: 0;
    font-size: calc(104 / 750 * 100vw);
    line-height: calc(112 / 104);
  }

  .block-goods ._lead {
    top: calc(445 / 750* 100vw);
    left: calc(348 / 750* 100vw);
  }

  /* _item1 */
  .block-goods ._item1 {
    top: calc(633 / 750* 100vw);
  }

  .block-goods ._item1 ._img {
    width: calc(330 / 750* 100vw);
    top: calc(34 / 750* 100vw);
    left: calc(399 / 750* 100vw);
  }

  .block-goods ._item1 ._name {
    width: calc(376 / 750 * 100vw);
    top: calc(218 / 750 * 100vw);
    left: calc(75 / 750 * 100vw);
  }

  .block-goods ._item1 ._name a {
        font-size: calc(29 / 750 * 100vw);
        line-height: calc(39 / 29);
        letter-spacing: 0.1em;
  }
  .block-goods ._item1 ._price {
    top: calc(296 / 750 * 100vw);
    left: calc(75 / 750 * 100vw);
    letter-spacing: 0.01em;
  }

  .block-goods ._item1 ._t {
    top: calc(355 / 750 * 100vw);
    left: calc(75 / 750 * 100vw);
    width: calc(323 / 750 * 100vw);
  }

  .block-goods ._item1 ._btn {
    top: calc(496 / 750 * 100vw);
    left: calc(75 / 750 * 100vw);
  }

  /* _item2 */
  .block-goods ._item2 {
    top: calc(1559 / 750 * 100vw);
    left: calc(38 / 750 * 100vw);
  }

  .block-goods ._item2 ._img {
    width: calc(278 / 750 * 100vw);
    top: calc(10 / 750 * 100vw);
    left: 0;
  }

  .block-goods ._item2 ._name {
        width: calc(340 / 750 * 100vw);
        top: calc(74 / 750 * 100vw);
        left: calc(334 / 750 * 100vw);
  }

    .block-goods ._item2 ._name a {
        font-size: calc(29 / 750 * 100vw);
        line-height: calc(39 / 29);
        letter-spacing: 0.1em;
  }

  .block-goods ._item2 ._price {
    top: calc(196 / 750 * 100vw);
    left: calc(334 / 750 * 100vw);
    letter-spacing: 0.01em;
  }

  .block-goods ._item2 ._t {
    width: calc(335 / 750 * 100vw);
    top: calc(251 / 750 * 100vw);
    left: calc(334 / 750 * 100vw);
  }

  .block-goods ._item2 ._btn {
    top: calc(364 / 750 * 100vw);
    left: calc(335 / 750 * 100vw);
  }

  /* _item3 */
  .block-goods ._item3 {
    top: calc(2314 / 750* 100vw);
    left: calc(72 / 750 * 100vw);
  }

  .block-goods ._item3 ._img {
    width: calc(360 / 750 * 100vw);
    top: calc(40 / 750 * 100vw);
    left: calc(315 / 750 * 100vw);
  }

  .block-goods ._item3 ._name {
    width: calc(359 / 750 * 100vw);
        top: calc(156 / 750 * 100vw);
        left: calc(5 / 750 * 100vw);
  }

    .block-goods ._item3 ._name a {
        font-size: calc(29 / 750 * 100vw);
        line-height: calc(39 / 29);
        letter-spacing: 0.1em;
  }

  .block-goods ._item3 ._price {
    top: calc(276 / 750 * 100vw);
    left: calc(8 / 750 * 100vw);
    letter-spacing: 0.01em;
  }

  .block-goods ._item3 ._t {
    /* width: calc(327 / 750 * 100vw); */
    width: max-content;
    top: calc(334 / 750 * 100vw);
    left: calc(8 / 750 * 100vw);
  }

  .block-goods ._item3 ._btn {
    top: calc(449 / 750 * 100vw);
    left: calc(8 / 750 * 100vw);
  }

  .block-goods ._btn02 {
    top: calc(3218 / 750 * 100vw);
    left: calc(134 / 750 * 100vw);
    width: calc(480 / 750 * 100vw);
    border-radius: calc(38 / 750 * 100vw);
    border: calc(2 / 1440 * 100vw) solid #b18e28;
  }

  .block-goods ._btn02 a {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(50 / 28);
    padding: calc(10 / 750 * 100vw) 0;
    letter-spacing: 0.05em;
  }
}

/* =============================================
sbcard
============================================= */
.block-sbcard {
  position: relative;
  top: calc(3348 / 1440* 100vw);
}

.block-sbcard ._ttl {
  top: calc(150 / 1440 * 100vw);
  text-align: center;
  font-size: calc(104 / 1440 * 100vw);
  line-height: calc(112 / 104);
  letter-spacing: 0;
}

.block-sbcard ._lead {
  top: calc(389 / 1440 * 100vw);
  left: calc(506 / 1440 * 100vw);
  letter-spacing: 0;
}

/* _item1 */
.block-sbcard ._item1 {
  position: relative;
  top: calc(566 / 1440* 100vw);
}

.block-sbcard ._item1 ._img {
  position: absolute;
  width: calc(507 / 1440 * 100vw);
  top: calc(25 / 1440 * 100vw);
  left: calc(174 / 1440 * 100vw);
}

.block-sbcard ._item1 ._img {
  transition-duration: 0.2s;
}

.block-sbcard ._item1 ._img:hover {
  filter: brightness(1.03);
}

.block-sbcard ._item1 ._alt {
  position: absolute;
  top: calc(364 / 1440* 100vw);
  left: calc(167 / 1440* 100vw);
  font-size: calc(22 / 1440* 100vw);
  line-height: calc(32 / 22);
  font-weight: 500;
}

.block-sbcard ._item1 ._name {
  position: absolute;
  top: calc(11 / 1440* 100vw);
  left: calc(770 / 1440* 100vw);
}

.block-sbcard ._item1 ._name a {
  font-size: calc(32 / 1440* 100vw);
  line-height: calc(42 / 32);
  letter-spacing: 0.03em;
}

.block-sbcard ._item1 ._price {
  position: absolute;
  top: calc(264 / 1440* 100vw);
  left: calc(750 / 1440* 100vw);
}

.block-sbcard ._item1 ._t1 {
  position: absolute;
  top: calc(104 / 1440 * 100vw);
  left: calc(771 / 1440 * 100vw);
  font-size: calc(22 / 1440 * 100vw);
  line-height: calc(32 / 22);
  letter-spacing: 0;
  font-weight: bold;
  text-indent: -1em;
  padding-left: 1em;
  color: #b18e28;
}

.block-sbcard ._item1 ._t2 {
  position: absolute;
  top: calc(94 / 1440 * 100vw);
  left: calc(769 / 1440 * 100vw);
  font-size: calc(22 / 1440 * 100vw);
  line-height: calc(32 / 22);
  letter-spacing: 0.03em;
  font-weight: bold;
  color: #b18e28;
  text-indent: -1em;
  padding-left: 1em;
}

.block-sbcard ._item1 ._btn {
  position: absolute;
  top: calc(171 / 1440* 100vw);
  left: calc(770 / 1440* 100vw);
  width: calc(520 / 1440* 100vw);
}

.block-sbcard ._btn02 {
  position: absolute;
  top: calc(278 / 1440* 100vw);
  left: calc(770 / 1440* 100vw);
  width: calc(520 / 1440* 100vw);
  border-radius: calc(36 / 1440 * 100vw);
  border: calc(2 / 1440* 100vw) solid #b18e28;
}

.block-sbcard ._btn02 a {
  display: block;
  font-size: calc(24/1440*100vw);
  line-height: calc(40/24);
  text-align: center;
  letter-spacing: 0.03em;
  color: #b18e28;
  padding: calc(14 / 1440 * 100vw) 0;
}

@media print,
screen and (max-width: 1023px) {
  .block-sbcard {
    top: calc(5080 / 750* 100vw);
  }

  .block-sbcard ._ttl {
    top: calc(163 / 750* 100vw);
    left: calc(22 / 750* 100vw);
        font-size: calc(104 / 750 * 100vw);
  }

  .block-sbcard ._lead {
        top: calc(402 / 750 * 100vw);
        left: calc(169 / 750 * 100vw);
  }

  /* _item1 */
  .block-sbcard ._item1 {
    top: calc(548 / 750* 100vw);
  }

  .block-sbcard ._item1 ._img {
    width: calc(512 / 750 * 100vw);
    top: 0;
    left: calc(120 / 750 * 100vw);
  }

  .block-sbcard ._item1 ._name {
    top: calc(342 / 750* 100vw);
    left: calc(118 / 750* 100vw);
  }

  .block-sbcard ._item1 ._name a {
    font-size: calc(32 / 750* 100vw);
    line-height: calc(42 / 32);
  }

  .block-sbcard ._item1 ._t1 {
    top: calc(390 / 750* 100vw);
    left: calc(121 / 750* 100vw);
    font-size: calc(22 / 750* 100vw);
    line-height: calc(32 / 22);
    text-indent: -1em;
    padding-left: 1em;
  }

  .block-sbcard ._item1 ._t2 {
    top: calc(746 / 750 * 100vw);
    left: calc(121 / 750 * 100vw);
    font-size: calc(22 / 750 * 100vw);
    line-height: calc(32 / 22);
  }

  .block-sbcard ._item1 ._btn {
    width: auto;
    top: calc(448 / 750* 100vw);
    left: calc(122 / 750* 100vw);
  }

  .block-sbcard ._item1 ._btn a {
    width: calc(520 / 750* 100vw);
  }

  .block-sbcard ._btn02 {
    top: calc(561 / 750 * 100vw);
    left: calc(122 / 750 * 100vw);
    width: calc(520 / 750 * 100vw);
    border-radius: calc(48 / 750 * 100vw);
    border: calc(2 / 1440 * 100vw) solid #b18e28;
  }

  .block-sbcard ._btn02 a {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(36 / 28);
    padding: calc(20 / 750 * 100vw) 0;
  }
}


/* =============================================
dsc
============================================= */
.block-dsc {
  position: relative;
  top: calc(4386 / 1440* 100vw);
}

.block-dsc ._ttl {
  top: calc(103 / 1440 * 100vw);
  letter-spacing: 0;
  font-size: calc(104 / 1440 * 100vw);
  line-height: calc(112 / 104);
  text-align: center;
}

.block-dsc ._lead {
  top: calc(453 / 1440 * 100vw);
  left: calc(453 / 1440 * 100vw);
  letter-spacing: 0;
}

/* _item1 */
.block-dsc ._item1 {
  position: relative;
  top: calc(641 / 1440* 100vw);
}

.block-dsc ._item1 ._img {
  position: absolute;
  width: calc(548 / 1440* 100vw);
}

.block-dsc ._item1 ._img._01 {
  left: calc(153 / 1440 * 100vw);
}

.block-dsc ._item1 ._img {
  transition-duration: 0.2s;
}

.block-dsc ._item1 ._img:hover {
  filter: brightness(1.03);
}

.block-dsc ._item1 ._t {
  position: absolute;
  top: calc(48 / 1440 * 100vw);
  left: calc(768 / 1440 * 100vw);
  font-size: calc(22 / 1440 * 100vw);
  line-height: calc(32 / 22);
  letter-spacing: 0;
  font-weight: 600;
  text-indent: -1em;
  padding-left: 1em;
}

.block-dsc ._btn02 {
  position: absolute;
  top: calc(193 / 1440 * 100vw);
  left: calc(768 / 1440 * 100vw);
  width: calc(520 / 1440 * 100vw);
  border-radius: calc(48 / 1440 * 100vw);
  border: calc(2 / 1440* 100vw) solid #b18e28;
}

.block-dsc ._btn02 a {
  display: block;
  font-size: calc(24/1440*100vw);
  line-height: calc(32/24);
  text-align: center;
  letter-spacing: 0;
  color: #b18e28;
  padding: calc(13 / 1440 * 100vw) 0;
}

@media print,
screen and (max-width: 1023px) {
  .block-dsc {
    top: calc(6370 / 750* 100vw);
  }

  .block-dsc ._ttl {
        top: calc(87 / 750 * 100vw);
        left: calc(-12 / 750 * 100vw);
        font-size: calc(104 / 750 * 100vw);
  }

  .block-dsc ._lead {
    top: calc(437 / 750 * 100vw);
    left: calc(124 / 750 * 100vw);
  }

  /* _item1 */
  .block-dsc ._item1 {
    top: calc(544 / 750 * 100vw);
  }

  .block-dsc ._item1 ._img {
    width: calc(550 / 750* 100vw);
    top: calc(30 / 750* 100vw);
  }
  .block-dsc ._item1 ._img._01 {
    left: calc(100 / 750 * 100vw);
  }


  .block-dsc ._item1 ._t {
top: calc(380 / 750 * 100vw);
        left: calc(121 / 750 * 100vw);
        letter-spacing: 0.01em;
    font-size: calc(22 / 750* 100vw);
    line-height: calc(32 / 22);
  }


  .block-dsc ._btn02 {
    top: calc(537 / 750 * 100vw);
    left: calc(124 / 750 * 100vw);
    width: calc(520 / 750 * 100vw);
    border-radius: calc(48 / 750 * 100vw);
    border: calc(2 / 1440 * 100vw) solid #b18e28;
  }

  .block-dsc ._btn02 a {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(36 / 28);
    padding: calc(10 / 750 * 100vw) 0;
  }
}



/* =============================================
js-banner
============================================= */
@media print, screen and (min-width: 1024px) {
  .block-float-banner {
    position: fixed;
    bottom: 30px;
    right: 50px;
    z-index: 80;
    padding: 32px 25px 29px 32px;
    background: #fff;
    width: 568px;
    height: 247px;
    box-sizing: border-box;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.15);
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.4s;
    transform: translate(25px, 0);
  }

  .block-float-banner p {
    margin: 0;
  }

  .block-float-banner.js-active {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
  }

  .block-float-banner.js-active-end {
    position: absolute;
    visibility: hidden;
    opacity: 0;
  }

  .block-float-banner ._btn-close {
    position: absolute;
    top: 15px;
    right: 18px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 10;
    transition-duration: 0.2s;
  }

  .block-float-banner ._btn-close:hover {
    opacity: 0.8;
  }

  .block-float-banner ._btn-close:after,
  .block-float-banner ._btn-close:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 10px;
    width: 20px;
    height: 3px;
    transform: rotate(-45deg);
    background: #000;
  }

  .block-float-banner ._btn-close:before {
    transform: rotate(45deg);
  }

  .block-float-banner ._cols {
    display: flex;
    gap: 25px;
  }

  .block-float-banner ._cols ._col-image {
    width: 180px;
  }

  .block-float-banner ._cols ._col-texts {
    flex: 1;
  }

  .block-float-banner ._t1 {
    font-family: "Noto Serif JP", serif;
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.3333333333;
    color: #86aa16;
    font-weight: bold;
  }

  .block-float-banner ._t2 {
    font-family: "Noto Serif JP", serif;
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: rgba(0, 0, 0, .87);
  }

  .block-float-banner ._btns {
    width: 91%;
    margin-top: 19px;
  }

  .block-float-banner ._btn {
    font-family: "Noto Serif JP", serif;
    display: block;
    font-size: 20px;
    text-align: center;
    line-height: 1.2;
    color: #006241;
    border: 2px solid #006241;
    border-radius: 50px;
    padding: 13px 20px;
    font-weight: bold;
  }
}

@media print, screen and (max-width: 1023px) {
  .block-float-banner {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 80;
    padding: 16px 9px 13px 15px;
    background: #fff;
    width: 285px;
    height: 122px;
    box-sizing: border-box;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.4s;
    transform: translate(25px, 0);
  }

  .block-float-banner p {
    margin: 0;
  }

  .block-float-banner.js-active {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
  }

  .block-float-banner.js-active-end {
    visibility: hidden;
    opacity: 0;
  }

  .block-float-banner ._btn-close {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    transition-duration: 0.2s;
  }

  .block-float-banner ._btn-close:hover {
    opacity: 0.8;
  }

  .block-float-banner ._btn-close:after,
  .block-float-banner ._btn-close:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 6px;
    width: 10px;
    height: 1px;
    transform: rotate(-45deg);
    background: #000;
  }

  .block-float-banner ._btn-close:before {
    transform: rotate(45deg);
  }

  .block-float-banner ._cols {
    display: flex;
    gap: 14px;
  }

  .block-float-banner ._cols ._col-image {
    width: 90px;
  }

  .block-float-banner ._cols ._col-texts {
    flex: 1;
    margin-top: 8px;
  }

  .block-float-banner ._t1 {
    font-family: "Noto Serif JP", serif;
    font-size: 10px;
    line-height: 1.3333333333;
    color: #86aa16;
    font-weight: bold;
  }

  .block-float-banner ._t2 {
    font-family: "Noto Serif JP", serif;
    margin-top: 6px;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.5;
    color: rgba(0, 0, 0, .87);
  }

  .block-float-banner ._btns {
    width: 90%;
    margin-top: 10px;
  }

  .block-float-banner ._btn {
    font-family: "Noto Serif JP", serif;
    display: block;
    font-size: 10px;
    text-align: center;
    line-height: 1.2;
    color: #006241;
    border: calc(2 / 750 * 100vw) solid #006241;
    border-radius: 25px;
    padding: 5px 10px;
    font-weight: bold;
  }
}


@media print,
screen and (max-width: 319px) {}