@charset "UTF-8";
@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 SemiBold";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-SemiBold.woff") format("woff");
}
@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:'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/Noto_Sans_JP/NotoSansJP-Regular.otf") format("woff2");
}
@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 Book';
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/Lander/LanderGrande-Book.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")
}


* {
  box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  * {
    box-sizing: content-box;
  }
  img {
    max-width: none;
  }
}

:root {
  --color-main: #e0b671;
  --color-sub: #560c03;
  --color-btn: #560c03;
  --color-white: #ffffff;
}


.mod-en {
  font-family: "SoDoSans SemiBold";
}
.title-en {
  font-family: "LanderGrande";
}
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700&display=swap');
.mincho {
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
}

.mainContents {
  overflow-x: hidden; 
  overflow-x: clip; 
}
.mainContents img {
  width: 100%;
}
h2, h3 {
  margin: 0;
}
p {
  margin: 0;
  letter-spacing: 0;
}
a {
  opacity: 1;
  transition: all 0.3s ease;
}
a:hover {
  opacity: 0.8;
  transition: all 0.3s ease;
}
.block_inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.btn {
  width: calc(336 / 1440 * 100vw);
  height: calc(72 / 1440 * 100vw);
  background-color: var(--color-main);
  border: calc(2/1440*100vw) solid var(--color-main);
  color: var(--color-btn);
  font-size: calc(24 / 1440 * 100vw);
  font-weight: 500;
  line-height: calc(32 / 24);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: calc(36 / 1440 * 100vw);
}
.btn._b {
  background-color: var(--color-sub);
  color: var(--color-white);
  border: calc(2/1440*100vw) solid var(--color-sub);
}
.btn._w {
  width: calc(400 / 1440 * 100vw);
  background-color: transparent;
  color: var(--color-main);
  border: calc(2/1440*100vw) solid var(--color-main);
}

.item-ttl {
  font-size: calc(32/1440*100vw);
  font-weight: bold;
  color: var(--color-main);
  line-height: calc(40/32);
}
.item-ttl_s {
  font-size: calc(28/1440*100vw);
  font-weight: bold;
  color: var(--color-main);
  line-height: calc(40/28);
}
.item-price {
  font-size: calc(34/1440*100vw);
  font-weight: 600;
  color: var(--color-main);
}
.item-price_s {
  font-family: "SoDoSans";
  font-size: calc(28/1440*100vw);
  font-weight: 400;
  color: var(--color-main);
  margin-bottom: calc(5/1440*100vw);
  position: relative;
  top: calc(7/1440*100vw);
}
.item-price span {
  font-size: calc(32/1440*100vw);
  font-weight: 600;
  color: var(--color-main);
}
.item-detail {
  font-size: calc(24/1440*100vw);
  line-height: calc(32/24);
  color: var(--color-main);
  font-weight: 500;
}
.item-detail_s {
  font-size: calc(24/1440*100vw);
  line-height: calc(36/24);
  color: var(--color-main);
  font-weight: 500;
}
.item-note {
  font-size: calc(20/1440*100vw);
  line-height: calc(28/20);
  color: var(--color-main);
  font-weight: 500;
  margin-top: calc(10/1440*100vw);
}

.block-ttl {
  margin: calc(18/1440*100vw) auto 0;
}
#food .block-ttl {
  width: calc(297.5/1440*100vw);
}
#beans .block-ttl {
  width: calc(401.5/1440*100vw);
}
#goods .block-ttl {
  width: calc(380/1440*100vw);
}
.block-subttl {
  font-size: calc(32/1440*100vw);
  line-height: calc(36/32);
  text-align: center;
  color: var(--color-main);
}
@media screen and (max-width: 1023px) {
  .btn {
    width: calc(280 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    border: calc(1/375*100vw) solid var(--color-main);
    font-size: calc(16 / 375 * 100vw);
    font-weight: 500;
    border-radius: calc(26 / 375 * 100vw);
  }
  .btn._b {
    border: calc(1/375*100vw) solid var(--color-sub);
  }
  .btn._w {
    width: calc(240 / 375 * 100vw);
    height: calc(38 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    border: calc(1/375*100vw) solid var(--color-main);
  }
  
  .item-ttl {
    font-size: calc(20/375*100vw);
    font-weight: bold;
  }
  .item-ttl_s {
    font-size: calc(16/375*100vw);
    font-weight: bold;
  }
  .item-price {
    font-size: calc(20/375*100vw);
    font-weight: 600;
  }
  .item-price_s {
    font-size: calc(16/375*100vw);
    font-weight: 400;
    margin-bottom: calc(0/375*100vw);
  }
  .item-price span {
    font-size: calc(18/375*100vw);
    font-weight: 600;
  }
  .item-detail {
    font-size: calc(14/375*100vw);
    font-weight: 500;
  }
  .item-detail_s {
    font-size: calc(12/375*100vw);
    font-weight: 500;
  }
  .item-note {
    font-size: calc(10/375*100vw);
    font-weight: 500;
    margin-top: calc(5/375*100vw);
  }
  
  .block-ttl {
    margin: calc(10/375*100vw) auto 0;
  }
  #food .block-ttl {
    width: calc(167.5 / 375 * 100vw);
  }
  #beans .block-ttl {
    width: calc(202.5 / 375 * 100vw);
  }
  #goods .block-ttl {
    width: calc(170/375*100vw);
  }
  .block-subttl {
    font-size: calc(18/375*100vw);
  }
}


@media print, screen and (min-width: 1024px) {
  .is-pc {
    display: block;
  }
  .is-sp {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .is-pc {
    display: none;
  }
  .is-sp {
    display: block;
  }
}

/* ----------------------------------------------------------
bg
---------------------------------------------------------- */
._bg {
  width: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

@media print, screen and (min-width: 1024px) {
  .bg_01 {
    height: calc(1824/1440*100vw);
    background-image: url(../images/bg_01.webp);
  }
  .bg_02 {
    height: calc(5861/1440*100vw);
    background-image: url(../images/bg_02.webp);
  }
  .bg_03 {
    height: calc(1495/1440*100vw);
    background-image: url(../images/bg_03.webp);
  }
  .bg_04 {
    height: calc(2843/1440*100vw);
    background-image: url(../images/bg_04.webp);
  }
  .bg_05 {
    height: calc(1584/1440*100vw);
    background-image: url(../images/bg_05.webp);
  }
  .bg_06 {
    height: calc(3261/1440*100vw);
    background-image: url(../images/bg_06.webp);
  }
  .bg_07 {
    height: calc(756/1440*100vw);
    background-image: url(../images/bg_07.webp);
  }
  .bg_08 {
    height: calc(2251/1440*100vw);
    background-image: url(../images/bg_08.webp);
  }
}

@media screen and (max-width: 1023px) {
  .bg_01 {
    height: calc(1900/750*100vw);
    background-image: url(../images/sp/bg_01.webp);
  }
  .bg_02 {
    height: calc(8068/750*100vw);
    background-image: url(../images/sp/bg_02.webp);
  }
  .bg_03 {
    height: calc(2498/750*100vw);
    background-image: url(../images/sp/bg_03.webp);
  }
  .bg_04 {
    height: calc(3928/750*100vw);
    background-image: url(../images/sp/bg_04.webp);
  }
  .bg_05 {
    height: calc(1994/750*100vw);
    background-image: url(../images/sp/bg_05.webp);
  }
  .bg_06 {
    height: calc(3669/750*100vw);
    background-image: url(../images/sp/bg_06.webp);
  }
  .bg_07 {
    height: calc(707/750*100vw);
    background-image: url(../images/sp/bg_07.webp);
  }
  .bg_08 {
    height: calc(3217/750*100vw);
    background-image: url(../images/sp/bg_08.webp);
  }
}


/* ----------------------------------------------------------
kv
---------------------------------------------------------- */
.kv_title {
  position: absolute;
  top: calc(52 / 1440 * 100vw);
  left: calc(64 / 1440 * 100vw);
}
.kv_title img {
  width: calc(256/1440*100vw);
}
.kv_item-name {
  position: absolute;
}
.kv_item-name a {
  font-size: calc(22/1440*100vw);
  font-weight: bold;
  color: var(--color-main);
  line-height: calc(32/22);
}
.kv_item-name._01 {
  top: calc(400 / 1440 * 100vw);
  right: calc(391 / 1440 * 100vw);
}
.kv_item-name._02 {
  top: calc(1327 / 1440 * 100vw);
  left: calc(286 / 1440 * 100vw);
}
.kv_item-link {
  position: absolute;
  display: inline-block;
  cursor: pointer;
}
.kv_item-link._01 {
  width: calc(434 / 1440 * 100vw);
  height: calc(884 / 1440 * 100vw);
  top: calc(53 / 1440 * 100vw);
  left: calc(391 / 1440 * 100vw);
}
.kv_item-link._02 {
  width: calc(578 / 1440 * 100vw);
  height: calc(611 / 1440 * 100vw);
  top: calc(905 / 1440 * 100vw);
  right: calc(227 / 1440 * 100vw);
}
.kv_note {
  position: absolute;
  bottom: calc(178 / 1440 * 100vw);
  left: calc(187 / 1440 * 100vw);
}
.kv_note p {
  font-size: calc(20/1440*100vw);
  font-weight: 500;
  color: var(--color-main);
}


@media screen and (max-width: 1023px) {
  .kv_title {
    top: calc(682 / 375 * 100vw);
    left: calc(18 / 375 * 100vw);
  }
  .kv_title img {
    width: calc(338.5/375*100vw);
  }
  .kv_item-name a {
    font-size: calc(12/375*100vw);
    font-weight: 500;
  }
  .kv_item-name._01 {
    top: calc(180 / 375 * 100vw);
    right: calc(31 / 375 * 100vw);
  }
  .kv_item-name._02 {
    top: calc(628 / 375 * 100vw);
    left: calc(38 / 375 * 100vw);
  }
  .kv_item-link._01 {
    width: calc(155 / 375 * 100vw);
    height: calc(354 / 375 * 100vw);
    top: calc(44 / 375 * 100vw);
    left: calc(46 / 375 * 100vw);
  }
  .kv_item-link._02 {
    width: calc(227 / 375 * 100vw);
    height: calc(242 / 375 * 100vw);
    top: calc(385 / 375 * 100vw);
    right: calc(9 / 375 * 100vw);
  }
  .kv_note {
    bottom: calc(107 / 375 * 100vw);
    left: calc(16 / 375 * 100vw);
  }
  .kv_note p {
    font-size: calc(12/375*100vw);
  }
}

/* ----------------------------------------------------------
cacao
---------------------------------------------------------- */
.cacao_lead {
  position: absolute;
  top: calc(69 / 1440 * 100vw);
  left: 51%;
  transform: translateX(-50%);
  text-align: center;
}
.cacao_lead-ttl {
  font-size: calc(46/1440*100vw);
  color: var(--color-main);
  line-height: calc(64/46);
}
.cacao_lead-txt {
  font-size: calc(28/1440*100vw);
  margin-top: calc(31 / 1440 * 100vw);
  color: var(--color-main);
  line-height: calc(48/28);
  position: relative;
  left: -1%;
}

.cacao_item-txt {
  position: absolute;
  text-align: center;
  font-size: calc(28/1440*100vw);
  color: var(--color-main);
  line-height: calc(40/28);
  font-weight: bold;
}
.cacao_item-txt span {
  display: inline-block;
  font-size: calc(24 / 1440 * 100vw);
  line-height: calc(32 / 24);
  font-weight: bold;
  margin-bottom: calc(7 / 1440 * 100vw);
}
.cacao_item-txt._01 {
  top: calc(1074 / 1440 * 100vw);
  right: calc(254 / 1440 * 100vw);
}
.cacao_item-txt._02 {
  top: calc(1587 / 1440 * 100vw);
  left: calc(333 / 1440 * 100vw);
}
.cacao_item-txt._03 {
  top: calc(1924 / 1440 * 100vw);
  right: calc(366 / 1440 * 100vw);
}
.cacao_item-link {
  position: absolute;
  display: inline-block;
  cursor: pointer;
}
.cacao_item-link._01 {
  width: calc(488 / 1440 * 100vw);
  height: calc(1115 / 1440 * 100vw);
  top: calc(1247 / 1440 * 100vw);
  left: calc(478 / 1440 * 100vw);
}
.cacao_item-link._02 {
  width: calc(312 / 1440 * 100vw);
  height: calc(491 / 1440 * 100vw);
  top: calc(2684 / 1440 * 100vw);
  left: calc(323 / 1440 * 100vw);
}
.cacao_item-link._03 {
  width: calc(360 / 1440 * 100vw);
  height: calc(620 / 1440 * 100vw);
  top: calc(5007 / 1440 * 100vw);
  left: calc(314 / 1440 * 100vw);
  z-index: 2;
}

.cacao_item-img {
  position: absolute;
}
.cacao_item-img._01 {
  width: calc(1035 / 1440 * 100vw);
  top: calc(2688 / 1440 * 100vw);
  left: calc(0 / 1440 * 100vw);
}
.cacao_item-img._02 {
  width: calc(498 / 1440 * 100vw);
  top: calc(3474 / 1440 * 100vw);
  left: calc(229 / 1440 * 100vw);
}
.cacao_item-img._03 {
  width: calc(971 / 1440 * 100vw);
  top: calc(4886 / 1440 * 100vw);
  left: calc(0 / 1440 * 100vw);
}

.cacao_item-wrap {
  position: absolute;
}
.cacao_item-wrap._01 {
  top: calc(2854 / 1440 * 100vw);
  right: calc(332 / 1440 * 100vw);
}
.cacao_item-wrap._01 .item-price {
  margin-bottom: calc(8 / 1440 * 100vw);
}
.cacao_item-wrap._01 .btn {
  position: relative;
  left: calc(6/1440*100vw);
}
.cacao_item-wrap._02 {
  top: calc(3526 / 1440 * 100vw);
  right: calc(231 / 1440 * 100vw);
}
.cacao_item-wrap._02 .cacao_item-lead {
  font-size: calc(36/1440*100vw);
  line-height: calc(52/36);
  color: var(--color-main);
  text-align: center;
  margin-bottom: calc(39/1440*100vw);
  position: relative;
  left: calc(-8 / 1440 * 100vw);
}
.cacao_item-wrap._02 .item-price span {
  font-size: calc(34/1440*100vw);
  font-weight: bold;
  color: var(--color-main);
  display: inline-block;
  margin-right: calc(10/1440*100vw);
}
.cacao_item-wrap._02 .item-note {
  margin-top: calc(8/1440*100vw);
}
.cacao_item-wrap._03 {
  top: calc(5121 / 1440 * 100vw);
  right: calc(200 / 1440 * 100vw);
}
.cacao_item-wrap._03 .item-lead {
  font-size: calc(40/1440*100vw);
  line-height: calc(56/40);
  color: var(--color-main);
  margin-bottom: calc(25 / 1440 * 100vw)
}
.cacao_item-wrap._03 .item-price {
  margin-bottom: calc(4 / 1440 * 100vw);
}
.cacao_item-wrap._03 .btn {
  position: relative;
  top: calc(26 / 1440 * 100vw);
  left: calc(6/1440*100vw);
}

.cacao_present-wrap {
  position: absolute;
  top: calc(4151 / 1440 * 100vw);
  left: calc(426 / 1440 * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cacao_present-ttl {
  text-align: center;
  font-size: calc(40/1440*100vw);
  color: var(--color-main);
  line-height: calc(56/40);
  margin-bottom: calc(42 / 1440 * 100vw);
}
.cacao_present-link {
  font-size: calc(40/1440*100vw);
  color: var(--color-main);
  position: relative;
}
.cacao_present-link::before {
  content: '';
  position: absolute;
  bottom: calc(-14 / 1440 * 100vw);
  left: calc(-12 / 1440 * 100vw);
  width: calc(300 / 1440 * 100vw);
  height: calc(2 / 1440 * 100vw);
  background-color: var(--color-main);
}

@media screen and (max-width: 1023px) {
  .cacao_lead {
    top: calc(71 / 375 * 100vw);
    left: 52%;
  }
  .cacao_lead-ttl {
    font-size: calc(26/375*100vw);
    line-height: calc(64/40);
  }
  .cacao_lead-txt {
    font-size: calc(16 / 375 * 100vw);
    margin-top: calc(19 / 375 * 100vw);
    left: -1%;
    white-space: nowrap;
  }
  
  .cacao_item-txt {
    font-size: calc(16/375*100vw);
  }
  .cacao_item-txt span {
    font-size: calc(12 / 375 * 100vw);
    margin-bottom: calc(7 / 375 * 100vw);
  }
  .cacao_item-txt._01 {
    top: calc(611 / 375 * 100vw);
    right: calc(19 / 375 * 100vw);
  }
  .cacao_item-txt._02 {
    top: calc(897 / 375 * 100vw);
    left: calc(14 / 375 * 100vw);
  }
  .cacao_item-txt._03 {
    top: calc(1071 / 375 * 100vw);
    right: calc(14 / 375 * 100vw);
  }
  .cacao_item-link._01 {
    width: calc(246 / 375 * 100vw);
    height: calc(555 / 375 * 100vw);
    top: calc(737 / 375 * 100vw);
    left: calc(69 / 375 * 100vw);
  }
  .cacao_item-link._02 {
    width: calc(160 / 375 * 100vw);
    height: calc(249 / 375 * 100vw);
    top: calc(1501 / 375 * 100vw);
    left: calc(111 / 375 * 100vw);
  }
  .cacao_item-link._03 {
    width: calc(197 / 375 * 100vw);
    height: calc(339 / 375 * 100vw);
    top: calc(3343 / 375 * 100vw);
    left: calc(102 / 375 * 100vw);
  }
  
  .cacao_item-img._01 {
    width: calc(375 / 375 * 100vw);
    top: calc(1504 / 375 * 100vw);
    left: calc(0 / 375 * 100vw);
  }
  .cacao_item-img._02 {
    width: calc(280 / 375 * 100vw);
    top: calc(2215 / 375 * 100vw);
    left: calc(47 / 375 * 100vw);
  }
  .cacao_item-img._03 {
    width: calc(375 / 375 * 100vw);
    top: calc(3277 / 375 * 100vw);
    left: calc(0 / 375 * 100vw);
  }
  
  .cacao_item-wrap._01 {
    top: calc(1783 / 375 * 100vw);
    right: calc(49 / 375 * 100vw);
  }
  .cacao_item-wrap._01 .item-price {
    margin-bottom: calc(8 / 375 * 100vw);
  }
  .cacao_item-wrap._01 .btn {
    left: calc(1/375*100vw);
  }
  .cacao_item-wrap._02 {
    top: calc(2101 / 375 * 100vw);
    right: calc(62 / 375 * 100vw);
  }
  .cacao_item-wrap._02 .cacao_item-lead {
    font-size: calc(22/375*100vw);
    margin-bottom: calc(320 / 375 * 100vw);
    position: relative;
    left: calc(8 / 375 * 100vw);
  }
  .cacao_item-wrap._02 .item-ttl {
    position: relative;
  }
  .cacao_item-wrap._02 .item-price {
    position: relative;
  }
  .cacao_item-wrap._02 .item-price span {
    font-size: calc(20/375*100vw);
    margin-right: calc(3/375*100vw);
  }
  .cacao_item-wrap._02 .sp-item-txt {
    font-size: calc(14/375*100vw);
    line-height: calc(36/28);
    position: relative;
    color: var(--color-main);
  }
  .cacao_item-wrap._02 .item-note {
    font-size: calc(12/375*100vw);
    margin-top: calc(8/375*100vw);
    position: relative;
  }
  .cacao_item-wrap._03 {
    top: calc(3234 / 375 * 100vw);
    right: calc(44 / 375 * 100vw);
  }
  .cacao_item-wrap._03 .item-lead {
    font-size: calc(26 / 375 * 100vw);
    margin-bottom: calc(401 / 375 * 100vw);
    position: relative;
    left: calc(-3 / 375 * 100vw);
    text-align: center;
    line-height: calc(56 / 36);
  }
  .cacao_item-wrap._03 .item-price {
    margin-bottom: calc(-1 / 375 * 100vw);
  }
  .cacao_item-wrap._03 .btn {
    top: calc(12 / 375 * 100vw);
    left: calc(-2 / 375 * 100vw);
  }
  
  .cacao_present-wrap {
    top: calc(2812 / 375 * 100vw);
    left: calc(41 / 375 * 100vw);
  }
  .cacao_present-ttl {
    font-size: calc(20/375*100vw);
    margin-bottom: calc(22 / 375 * 100vw);
  }
  .cacao_present-link {
    font-size: calc(20/375*100vw);
  }
  .cacao_present-link::before {
    bottom: calc(-8 / 375 * 100vw);
    left: calc(-3 / 375 * 100vw);
    width: calc(140 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
  }
}

/* ----------------------------------------------------------
earlgrey
---------------------------------------------------------- */
.earlgray_item-img {
  position: absolute;
}
.earlgray_item-img._01 {
  width: calc(259 / 1440 * 100vw);
  top: calc(51 / 1440 * 100vw);
  left: calc(344 / 1440 * 100vw);
}
.earlgray_item-wrap {
  position: absolute;
}
.earlgray_item-wrap._01 {
  top: calc(46 / 1440 * 100vw);
  right: calc(220 / 1440 * 100vw);
}
.earlgray_item-wrap._01 .item-lead {
  color: var(--color-sub);
  font-size: calc(40/1440*100vw);
  line-height: calc(56/40);
  text-align: center;
  position: relative;
  left: calc(-19/1440*100vw);
  margin-bottom: calc(27 / 1440 * 100vw);
}
.earlgray_item-wrap._01 .item-ttl {
  color: var(--color-sub);
}
.earlgray_item-wrap._01 .item-price {
  color: var(--color-sub);
}
.earlgray_item-wrap._01 .item-price span {
  color: var(--color-sub);
}
.earlgray_item-wrap._01 .item-detail {
  color: var(--color-sub);
}
.earlgray_item-wrap._01 .btn._b {
  position: relative;
  top: calc(29 / 1440 * 100vw);
  left: calc(8/1440*100vw);
}

.earlgray_item-link._01 {
  position: absolute;
  width: calc(256 / 1440 * 100vw);
  height: calc(504 / 1440 * 100vw);
  top: calc(49 / 1440 * 100vw);
  left: calc(343 / 1440 * 100vw);
  display: inline-block;
  z-index: 1;
}

.earlgray_beverage-link {
  position: absolute;
  top: calc(768 / 1440 * 100vw);
  left: calc(521 / 1440 * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.earlgray_beverage-link ._detail {
  font-size: calc(20/1440*100vw);
  color: var(--color-main);
  font-weight: 500;
  display: inline-block;
  margin-top: calc(27 / 1440 * 100vw);
  position: relative;
}
.earlgray_beverage-link ._detail::before {
  content: '';
  position: absolute;
  bottom: calc(-16 / 1440 * 100vw);
  left: calc(0 / 1440 * 100vw);
  width: calc(360 / 1440 * 100vw);
  height: calc(2 / 1440 * 100vw);
  background-color: var(--color-main);
}

@media screen and (max-width: 1023px) {
  .earlgray_item-img._01 {
    width: calc(172 / 375 * 100vw);
    top: calc(154 / 375 * 100vw);
    left: calc(111 / 375 * 100vw);
  }
  .earlgray_item-wrap._01 {
    top: calc(55 / 375 * 100vw);
    right: calc(40 / 375 * 100vw);
  }
  .earlgray_item-wrap._01 .item-lead {
    font-size: calc(27/375*100vw);
    left: calc(2 / 375 * 100vw);
    margin-bottom: calc(388 / 375 * 100vw);
  }
  .earlgray_item-wrap._01 .btn._b {
    top: calc(18 / 375 * 100vw);
    left: calc(2 / 375 * 100vw);
    width: calc(295 / 375 * 100vw);
  }
  
  .earlgray_item-link._01 {
    width: calc(151 / 375 * 100vw);
    height: calc(309 / 375 * 100vw);
    top: calc(154 / 375 * 100vw);
    left: calc(110 / 375 * 100vw);
  }
  
  .earlgray_beverage-link {
    top: calc(888 / 375 * 100vw);
    left: calc(66 / 375 * 100vw);
  }
  .earlgray_beverage-link ._detail {
    font-size: calc(12/375*100vw);
    margin-top: calc(28 / 375 * 100vw);
  }
  .earlgray_beverage-link ._detail::before {
    bottom: calc(-8 / 375 * 100vw);
    left: calc(-2 / 375 * 100vw);
    width: calc(220 / 375 * 100vw);
    height: calc(1 / 375 * 100vw);
  }
}

/* ----------------------------------------------------------
food
---------------------------------------------------------- */
.food_title-area {
  position: absolute;
  top: calc(58 / 1440 * 100vw);
  left: 50%;
  transform: translateX(-50%);
}

.food_item-link {
  position: absolute;
  display: inline-block;
  cursor: pointer;
}
.food_item-link._01 {
  top: calc(372 / 1440 * 100vw);
  left: calc(833 / 1440 * 100vw);
}
.food_item-link._02 {
  top: calc(966 / 1440 * 100vw);
  left: calc(343 / 1440 * 100vw);
}
.food_item-link._03 {
  top: calc(1469 / 1440 * 100vw);
  left: calc(664 / 1440 * 100vw);
}

.food_item-img._01 {
  width: calc(406 / 1440 * 100vw);
}
.food_item-img._02 {
  width: calc(405 / 1440 * 100vw);
}
.food_item-img._03 {
  width: calc(455 / 1440 * 100vw);
}
.food_item-wrap {
  position: absolute;
}
.food_item-wrap._01 {
  top: calc(365 / 1440 * 100vw);
  left: calc(278 / 1440 * 100vw);
}
.food_item-wrap._02 {
  top: calc(948 / 1440 * 100vw);
  right: calc(119 / 1440 * 100vw);
}
.food_item-wrap._03 {
  top: calc(1461 / 1440 * 100vw);
  left: calc(338 / 1440 * 100vw);
}
.food_item-wrap .btn {
  position: relative;
  top: calc(27 / 1440 * 100vw);
  left: calc(4 / 1440 * 100vw);
}

.food_product-link {
  position: absolute;
  top: calc(2105 / 1440 * 100vw);
  left: calc(521 / 1440 * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.food_product-link ._detail {
  font-size: calc(20/1440*100vw);
  color: var(--color-main);
  font-weight: 500;
  display: inline-block;
  margin-top: calc(27 / 1440 * 100vw);
  position: relative;
}
.food_product-link ._detail::before {
  content: '';
  position: absolute;
  bottom: calc(-16 / 1440 * 100vw);
  left: calc(0 / 1440 * 100vw);
  width: calc(360 / 1440 * 100vw);
  height: calc(2 / 1440 * 100vw);
  background-color: var(--color-main);
}

@media screen and (max-width: 1023px) {
  .food_title-area {
    top: calc(30 / 375 * 100vw);
  }
  
  .food_item-link._01 {
    top: calc(165 / 375 * 100vw);
    left: calc(89 / 375 * 100vw);
  }
  .food_item-link._02 {
    top: calc(723 / 375 * 100vw);
    left: calc(21 / 375 * 100vw);
  }
  .food_item-link._03 {
    top: calc(1202 / 375 * 100vw);
    left: calc(77 / 375 * 100vw);
  }
  
  .food_item-img._01 {
    width: calc(265 / 375 * 100vw);
  }
  .food_item-img._02 {
    width: calc(255.5 / 375 * 100vw);
  }
  .food_item-img._03 {
    width: calc(281 / 375 * 100vw);
  }
  .food_item-wrap._01 {
    top: calc(382 / 375 * 100vw);
    left: calc(67 / 375 * 100vw);
  }
  .food_item-wrap._02 {
    top: calc(928 / 375 * 100vw);
    right: calc(2 / 375 * 100vw);
  }
  .food_item-wrap._03 {
    top: calc(1345 / 375 * 100vw);
    left: calc(45 / 375 * 100vw);
  }
  .food_item-wrap .btn {
    top: calc(14 / 375 * 100vw);
    left: calc(0 / 375 * 100vw);
  }
  .food_item-wrap .btn {
    width: calc(158 / 375 * 100vw);
    height: calc(36 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
  
  .food_product-link {
    top: calc(1643 / 375 * 100vw);
    left: calc(66 / 375 * 100vw);
  }
  .food_product-link ._detail {
    font-size: calc(12/375*100vw);
    margin-top: calc(28 / 375 * 100vw);
  }
  .food_product-link ._detail::before {
    bottom: calc(-8 / 375 * 100vw);
    left: calc(-2 / 375 * 100vw);
    width: calc(220 / 375 * 100vw);
    height: calc(1 / 375 * 100vw);
  }
}

/* ----------------------------------------------------------
beans
---------------------------------------------------------- */
.beans_title-area {
  position: absolute;
  top: calc(19 / 1440 * 100vw);
  left: 49.5%;
  transform: translateX(-50%);
}

.beans_item-link {
  position: absolute;
  display: inline-block;
  cursor: pointer;
}
.beans_item-link._01 {
  top: calc(318 / 1440 * 100vw);
  left: calc(359 / 1440 * 100vw);
}

.beans_item-img._01 {
  width: calc(199 / 1440 * 100vw);
}
.beans_item-wrap {
  position: absolute;
}
.beans_item-wrap._01 {
  top: calc(379 / 1440 * 100vw);
  left: calc(695 / 1440 * 100vw);
}
.beans_item-wrap .btn {
  position: relative;
  top: calc(27 / 1440 * 100vw);
  left: calc(4 / 1440 * 100vw);
}

.beans_product-link {
  position: absolute;
  top: calc(919 / 1440 * 100vw);
  left: calc(521 / 1440 * 100vw);
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .beans_title-area {
    top: calc(40 / 375 * 100vw);
    left: 49.5%;
    transform: translateX(-50%);
  }
  
  .beans_item-link._01 {
    top: calc(168 / 375 * 100vw);
    left: calc(125 / 375 * 100vw);
  }
  .beans_item-img._01 {
    width: calc(124.5 / 375 * 100vw);
  }
  .beans_item-wrap._01 {
    top: calc(474 / 375 * 100vw);
    left: calc(66 / 375 * 100vw);
  }
  .beans_item-wrap .btn {
    top: calc(14 / 375 * 100vw);
    left: calc(0 / 375 * 100vw);
  }
  .beans_item-wrap .btn {
    width: calc(237 / 375 * 100vw);
    height: calc(36 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
  
  .beans_product-link {
    top: calc(730 / 375 * 100vw);
    left: calc(66 / 375 * 100vw);
  }
}

/* ----------------------------------------------------------
goods
---------------------------------------------------------- */
.goods_title-area {
  position: absolute;
  top: calc(27 / 1440 * 100vw);
  left: 50%;
  transform: translateX(-50%);
}

.goods_item-link {
  position: absolute;
  display: inline-block;
  cursor: pointer;
}
.goods_item-link._01 {
  top: calc(326 / 1440 * 100vw);
  left: calc(831 / 1440 * 100vw);
}
.goods_item-link._02 {
  top: calc(889 / 1440 * 100vw);
  left: calc(326 / 1440 * 100vw);
}
.goods_item-link._03 {
  top: calc(1461 / 1440 * 100vw);
  left: calc(886 / 1440 * 100vw);
}
.goods_item-link._04 {
  top: calc(2008 / 1440 * 100vw);
  left: calc(267 / 1440 * 100vw);
}

.goods_item-img._01 {
  width: calc(209 / 1440 * 100vw);
}
.goods_item-img._02 {
  width: calc(227 / 1440 * 100vw);
}
.goods_item-img._03 {
  width: calc(202 / 1440 * 100vw);
}
.goods_item-img._04 {
  width: calc(276 / 1440 * 100vw);
}
.goods_item-wrap {
  position: absolute;
}
.goods_item-wrap._01 {
  top: calc(386 / 1440 * 100vw);
  left: calc(273 / 1440 * 100vw);
}
.goods_item-wrap._02 {
  top: calc(913 / 1440 * 100vw);
  right: calc(288 / 1440 * 100vw);
}
.goods_item-wrap._03 {
  top: calc(1442 / 1440 * 100vw);
  left: calc(430 / 1440 * 100vw);
}
.goods_item-wrap._04 {
  top: calc(1971 / 1440 * 100vw);
  right: calc(238 / 1440 * 100vw);
}
.goods_item-wrap .btn {
  position: relative;
  top: calc(27 / 1440 * 100vw);
  left: calc(4 / 1440 * 100vw);
}

.goods_product-link {
  position: absolute;
  top: calc(2589 / 1440 * 100vw);
  left: calc(504 / 1440 * 100vw);
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .goods_title-area {
    top: calc(33 / 375 * 100vw);
  }
  .goods_title-area .block-subttl {
    white-space: nowrap;
  }
  
  .goods_item-link._01 {
    top: calc(195 / 375 * 100vw);
    left: calc(243 / 375 * 100vw);
  }
  .goods_item-link._02 {
    top: calc(537 / 375 * 100vw);
    left: calc(30 / 375 * 100vw);
  }
  .goods_item-link._03 {
    top: calc(865 / 375 * 100vw);
    left: calc(222 / 375 * 100vw);
  }
  .goods_item-link._04 {
    top: calc(1207 / 375 * 100vw);
    left: calc(22 / 375 * 100vw);
  }
  
  .goods_item-img._01 {
    width: calc(118.5 / 375 * 100vw);
  }
  .goods_item-img._02 {
    width: calc(125 / 375 * 100vw);
  }
  .goods_item-img._03 {
    width: calc(111.5 / 375 * 100vw);
  }
  .goods_item-img._04 {
    width: calc(138 / 375 * 100vw);
  }
  .goods_item-wrap._01 {
    top: calc(205 / 375 * 100vw);
    left: calc(35 / 375 * 100vw);
  }
  .goods_item-wrap._02 {
    top: calc(537 / 375 * 100vw);
    right: calc(9 / 375 * 100vw);
  }
  .goods_item-wrap._03 {
    top: calc(854 / 375 * 100vw);
    left: calc(35 / 375 * 100vw);
  }
  .goods_item-wrap._04 {
    top: calc(1162 / 375 * 100vw);
    right: calc(12 / 375 * 100vw);
  }
  .goods_item-wrap .btn {
    top: calc(14 / 375 * 100vw);
    left: calc(0 / 375 * 100vw);
  }
  .goods_item-wrap .btn {
    width: calc(158 / 375 * 100vw);
    height: calc(36 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
  
  .goods_product-link {
    top: calc(1520 / 375 * 100vw);
    left: calc(65 / 375 * 100vw);
  }
}

/* ----------------------------------------------------------
gift
---------------------------------------------------------- */
.gift_title-area {
  position: absolute;
  top: calc(107 / 1440 * 100vw);
  left: 50%;
  transform: translateX(-50%);
}
.gift-ttl {
  margin: 0 auto;
  width: calc(501/1440*100vw);
}
.gift-txt {
  font-size: calc(26 / 1440 * 100vw);
  color: var(--color-main);
  line-height: calc(44 / 26);
  font-weight: 500;
  text-align: center;
  margin-top: calc(36 / 1440 * 100vw);
  text-align: center;
  position: relative;
  left: calc(7 / 1440 * 100vw);
}

@media screen and (max-width: 1023px) {
  .gift_title-area {
    top: calc(59 / 375 * 100vw);
    left: 49.5%;
  }
  .gift-ttl {
    width: calc(248 / 375 * 100vw);
  }
  .gift-txt {
    font-size: calc(13 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
    left: calc(5 / 375 * 100vw);
    white-space: nowrap;
  }
}

/* ----------------------------------------------------------
card
---------------------------------------------------------- */
.card_title-area {
  position: absolute;
  top: calc(66 / 1440 * 100vw);
  left: 50%;
  transform: translateX(-50%);
}
.card-ttl {
  margin: 0 auto;
  width: calc(390.5/1440*100vw);
}

.digital_anchor {
  position: absolute;
  top: calc(780 / 1440 * 100vw);
}
.digital_title-area {
  position: absolute;
  top: calc(832 / 1440 * 100vw);
  left: 50%;
  transform: translateX(-50%);
}
.digital-ttl {
  margin: 0 auto;
  width: calc(593/1440*100vw);
}

.card_item-link {
  position: absolute;
  display: inline-block;
  cursor: pointer;
}
.card_item-link._01 {
  top: calc(324 / 1440 * 100vw);
  left: calc(270 / 1440 * 100vw);
}
.card_item-link._02 {
  top: calc(1082 / 1440 * 100vw);
  left: calc(209 / 1440 * 100vw);
}

.card_item-img._01 {
  width: calc(370.5 / 1440 * 100vw);
}
.card_item-img._02 {
  width: calc(493 / 1440 * 100vw);
}
.card_item-wrap {
  position: absolute;
}
.card_item-wrap._01 {
  top: calc(321 / 1440 * 100vw);
  left: calc(751 / 1440 * 100vw);
}
.card_item-wrap._02 {
  top: calc(1174 / 1440 * 100vw);
  left: calc(751 / 1440 * 100vw);
}
.card_item-wrap .btn {
  position: relative;
  top: calc(27 / 1440 * 100vw);
  left: calc(4 / 1440 * 100vw);
}
.card_item-wrap._01 .item-note {
  font-size: calc(24 / 1440 * 100vw);
  line-height: calc(28 / 24);
  margin-top: calc(13 / 1440 * 100vw);
}
.card_item-wrap._01 .btns {
  display: flex;
  flex-direction: column;
  gap: calc(31 / 1440 * 100vw);
  margin-top: calc(7 / 1440 * 100vw);
}
.card_item-wrap._01 .btns .btn {
  width: calc(400 / 1440 * 100vw);
}
.card_item-wrap._02 .btn {
  font-size: calc(20 / 1440 * 100vw);
  line-height: calc(28 / 20);
  text-align: center;
  height: calc(76 / 1440 * 100vw);
}

.card_gift-wrap {
  position: absolute;
  top: calc(1500 / 1440 * 100vw);
  left: calc(439 / 1440 * 100vw);
}
.card_gift-wrap  .gift-txt {
  font-size: calc(32 / 1440 * 100vw);
  line-height: calc(48 / 32);
  color: var(--color-main);
}
.card_gift-wrap  .gift-link {
  display: inline-block;
  width: calc(560 / 1440 * 100vw);
  margin-top: calc(22 / 1440 * 100vw);
  border-radius: calc(12 / 1440 * 100vw);
  overflow: hidden;
}

@media screen and (max-width: 1023px) {
  .card_title-area {
    top: calc(31 / 375 * 100vw);
  }
  .card-ttl {
    width: calc(220.5 / 375 * 100vw);
  }
  
  .digital_anchor { 
    top: calc(632 / 375 * 100vw);
  }
  .digital_title-area {
    top: calc(664 / 375 * 100vw);
  }
  .digital-ttl {
    width: calc(333 / 375 * 100vw);
  }
  
  .card_item-link._01 {
    top: calc(184 / 375 * 100vw);
    left: calc(94 / 375 * 100vw);
  }
  .card_item-link._02 {
    top: calc(826 / 375 * 100vw);
    left: calc(51 / 375 * 100vw);
  }
  
  .card_item-img._01 {
    width: calc(185 / 375 * 100vw);
  }
  .card_item-img._02 {
    width: calc(272 / 375 * 100vw);
  }
  .card_item-wrap._01 {
    top: calc(377 / 375 * 100vw);
    left: calc(66 / 375 * 100vw);
  }
  .card_item-wrap._02 {
    top: calc(1008 / 375 * 100vw);
    left: calc(51 / 375 * 100vw);
  }
  .card_item-wrap .btn {
    top: calc(27 / 375 * 100vw);
    left: calc(4 / 375 * 100vw);
  }
  .card_item-wrap._01 .item-note {
    font-size: calc(10 / 375 * 100vw);
    margin-top: calc(2 / 375 * 100vw);
  }
  .card_item-wrap._01 .btns {
    gap: calc(14 / 375 * 100vw);
    margin-top: calc(-11 / 375 * 100vw);
    position: relative;
    left: calc(-4 / 375 * 100vw);
  }
  .card_item-wrap._01 .btns .btn {
    width: calc(240 / 375 * 100vw);
    height: calc(38 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
  .card_item-wrap._02 .btn {
    width: calc(261 / 375 * 100vw);
    height: calc(48 / 375 * 100vw);
    font-size: calc(13 / 375 * 100vw);
  }
  
  .card_gift-wrap {
    top: calc(1142 / 375 * 100vw);
    left: calc(14 / 375 * 100vw);
  }
  .card_gift-wrap  .gift-txt {
    font-size: calc(20 / 375 * 100vw);
  }
  .card_gift-wrap  .gift-link {
    width: calc(343 / 375 * 100vw);
    margin-top: calc(14 / 375 * 100vw);
    border-radius: calc(12 / 375 * 100vw);
  }
  
}