@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");
}


* {
	box-sizing: border-box;
}

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

	img {
		max-width: none;
	}
}

:root {
	--color-main: #bd6c1c;
  --color-white: #ffffff;
  --color-orange: #ee7500;
  --color-yellow: #fff286;
}


.mod-en {
	font-family: "SoDoSans SemiBold";
}


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




@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;
  margin-top: calc(-1/1440*100vw);
}

@media print,
screen and (min-width: 1024px) {
	.bg_01 {
		height: calc(997/1440*100vw);
		background-image: url(../images/bg_01.webp);
	}

	.bg_02 {
		height: calc(688/1440*100vw);
		background-image: url(../images/bg_02.webp);
	}

	.bg_03 {
		height: calc(1513/1440*100vw);
		background-image: url(../images/bg_03.webp);
	}

	.bg_04 {
		height: calc(1556/1440*100vw);
		background-image: url(../images/bg_04.webp);
	}

	.bg_05 {
		height: calc(829/1440*100vw);
		background-image: url(../images/bg_05.webp);
	}

	.bg_06 {
		height: calc(455/1440*100vw);
		background-image: url(../images/bg_06.webp);
    background-color: #7edef7;
	}

	.bg_07 {
		height: calc(1682/1440*100vw);
		background-image: url(../images/bg_07.webp);
	}

	.bg_08 {
		height: calc(1602/1440*100vw);
		background-image: url(../images/bg_08.webp);
	}

	.bg_09 {
		height: calc(3636/1440*100vw);
		background-image: url(../images/bg_09.webp);
	}
	.bg_10 {
		height: calc(2291/1440*100vw);
		background-image: url(../images/bg_10.webp);
	}
}

@media screen and (max-width: 1023px) {
  ._bg {
    margin-top: calc(-1/750*100vw);
  }
	.bg_01 {
		height: calc(1803/750*100vw);
		background-image: url(../images/sp/bg_01.webp);
	}

	.bg_02 {
		height: calc(1029/750*100vw);
		background-image: url(../images/sp/bg_02.webp);
	}

	.bg_03 {
		height: calc(2620/750*100vw);
		background-image: url(../images/sp/bg_03.webp);
	}

	.bg_04 {
		height: calc(2993 / 750 * 100vw);
		background-image: url(../images/sp/bg_04.webp);
	}

	.bg_05 {
		height: calc(1709 / 750 * 100vw);
		background-image: url(../images/sp/bg_05.webp);
	}

	.bg_06 {
		height: calc(489/750*100vw);
		background-image: url(../images/sp/bg_06.webp);
    background-color: #7edef7;
	}

	.bg_07 {
		height: calc(2716/750*100vw);
		background-image: url(../images/sp/bg_07.webp);
	}

	.bg_08 {
		height: calc(1981/750*100vw);
		background-image: url(../images/sp/bg_08.webp);
	}

	.bg_09 {
		height: calc(4387/750*100vw);
		background-image: url(../images/sp/bg_09.webp);
	}
  .bg_10 {
		height: calc(3078/750*100vw);
		background-image: url(../images/sp/bg_10.webp);
	}
}

/* ----------------------------------------------------------
common
---------------------------------------------------------- */

.block-wrap {
  color: var(--color-main);
}

/* タイトル  */
.block-ttl {
  font-family: "sausage", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: var(--color-white);
  font-size: calc(104/1440*100vw);
  line-height: calc(84/104);
  letter-spacing: 0.22em;
  text-align: center;
}

/* 商品情報はこちら ボタン */
.btn {
  background-color: var(--color-white);
  border-radius: calc(36/1440*100vw);
  height: calc(72/1440*100vw);
}
.btn a {
  display: block;
  height: 100%;
  color: var(--color-main);
  font-size: calc(24/1440*100vw);
  line-height: calc(70/1440*100vw);
  text-align: center;
  font-weight: 500;
}
.btn._s {
  width: calc(336/1440*100vw);
}
.btn._l {
  width: calc(400/1440*100vw);
}
.btn._s._tea {
  width: calc(336/1440*100vw);
  background-color: var(--color-yellow);
  border: 2px solid var(--color-yellow);
}
.btn._s._tea a {
  color: var(--color-orange);
  line-height: calc(63/1440*100vw);
}


/* 〇〇一覧はこちら ボタン */
.list-btn {
  width: calc(400/1440*100vw);
  height: calc(72/1440*100vw);
  border: 2px solid var(--color-main);
  border-radius: calc(36/1440*100vw);
}
.list-btn a {
  display: block;
  color: var(--color-main);
  font-size: calc(24/1440*100vw);
  line-height: calc(66/1440*100vw);
  text-align: center;
  font-weight: 500;
}

.list-btn._l {
  height: auto;
  padding: calc(10/1440*100vw) 0;
  border-radius: calc(40/1440*100vw);
}
.list-btn._l a {
  font-size: calc(20/1440*100vw);
  line-height: calc(28/20);
}

/* アレルゲン・栄養成分・原料原産地情報 */
.info-link {
  width: fit-content;
}
.info-link a {
  display: block;
  font-size: calc(20/1440*100vw);
  font-weight: 500;
  padding-bottom: calc(12/1440*100vw);
  border-bottom: 2px solid var(--color-main);
}

/* 商品パーツ共通 */
.bev-ttl a {
  display: block;
  font-size: calc(28/1440*100vw);
  line-height: calc(40/28);
  font-weight: bold;
  color: var(--color-main);
}
.bev-price {
	font-family: "SoDoSans";
	font-style: normal;
	font-weight: 400;
  font-size: calc(28/1440*100vw);
  line-height: calc(56/28);
  color: var(--color-main);
}
.bev-text {
  font-size: calc(24/1440*100vw);
  line-height: calc(36/24);
  color: var(--color-main);
  font-weight: 500;
}
.bev-note {
  font-size: calc(20/1440*100vw);
  line-height: calc(28/20);
  color: var(--color-main);
  font-weight: 500;
}
.bev-note._bold {
  font-weight: 500;
}

.bev-lead {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  text-align: left;
  font-size: calc(36 / 1440 * 100vw);
  line-height: calc(52 / 36);
}

@media screen and (max-width: 1023px) {
/* タイトル  */
.block-ttl {
  font-size: calc(104/740*100vw);
  line-height: calc(84/104);
}
  /* 商品情報はこちら ボタン */
.btn {
  border-radius: calc(38/750*100vw);
  height: calc(76/750*100vw);
}
.btn a {
  font-size: calc(28/750*100vw);
  line-height: calc(70/750*100vw);
}
.btn._s {
  width: calc(400/750*100vw);
}
.btn._l {
  width: calc(560/750*100vw);
  height: calc(104/750*100vw);
  font-size: calc(32/750*100vw);
}
.btn._s._tea {
  width: calc(600/750*100vw);
  height: calc(95/750*100vw);
  border: calc(4/750*100vw) solid var(--color-yellow);
  border-radius: calc(52 / 750 * 100vw);
}
.btn._s._tea a {
  font-size: calc(32 / 750 * 100vw);
  line-height: calc(88 / 750 * 100vw);
}


/* 〇〇一覧はこちら ボタン */
.list-btn {
  position: relative;
  left: calc(5/750*100vw);
  width: calc(477.83/750*100vw);
  height: calc(76.02/750*100vw);
  border: calc(2 / 750 * 100vw) solid var(--color-main);
  border-radius: calc(37.96/750*100vw);
}
.list-btn a {
  font-size: calc(28/750*100vw);
  line-height: calc(76.02/750*100vw);
}

.list-btn._l {
  padding: calc(10/750*100vw) 0;
  border-radius: calc(38/750*100vw);
}
.list-btn._l a {
  font-size: calc(28/750*100vw);
  line-height: calc(48/28);
}

/* アレルゲン・栄養成分・原料原産地情報 */
.info-link a {
  font-size: calc(24/750*100vw);
  padding-bottom: calc(12/750*100vw);
  border-bottom: calc(2/750*100vw) solid var(--color-main);
}

/* 商品パーツ共通 */
.bev-ttl a {
  font-size: calc(32/750*100vw);
  line-height: calc(42/32);
}
.bev-price {
  font-size: calc(32/750*100vw);
  line-height: calc(56/32);
}
.bev-text {
  font-size: calc(24/750*100vw);
  line-height: calc(36/24);
}
.bev-note {
  font-size: calc(24/750*100vw);
  line-height: calc(40/24);
}

.bev-lead {
  font-size: calc(36 / 750 * 100vw);
  line-height: calc(56 / 36);
  text-align: center;
}
}


/* ----------------------------------------------------------
block-kv
---------------------------------------------------------- */
.block-kv {
  position: relative;
}
.block-kv-ttl {
  position: absolute;
  width: calc(534/1440*100vw);
  top: calc(179 / 1440 * 100vw);
  left: calc(71 / 1440 * 100vw);
  display: inline-block;
}
.block-kv-text {
  position: absolute;
}
.block-kv-text a {
  font-size: calc(22/1440*100vw);
  line-height: calc(32/22);
  font-weight: 500;
  color: #5d5441;
}

.block-kv-link_01 {
  position: absolute;
  top: calc(236 / 1440 * 100vw);
  left: calc(680 / 1440 * 100vw);
  display: inline-block;
  width: calc(339 / 1440 * 100vw);
  height: calc(469 / 1440 * 100vw);
}
.block-kv-link_02 {
  position: absolute;
  top: calc(327 / 1440 * 100vw);
  right: calc(138 / 1440 * 100vw);
  display: inline-block;
  width: calc(385 / 1440 * 100vw);
  height: calc(564 / 1440 * 100vw);
}


.block-kv-text._01 {
  top: calc(338 / 1440 * 100vw);
  left: calc(609 / 1440 * 100vw);
}
.block-kv-text._02 {
  top: calc(598/1440*100vw);
  right: calc(114/1440*100vw);
}
.block-kv-text._02 a {
  text-shadow: 0px 0px 11px #fff;
}

.block-kv-note {
  position: absolute;
  top: calc(762 / 1440 * 100vw);
  left: calc(106 / 1440 * 100vw);
  font-size: calc(20/1440*100vw);
  line-height: calc(28/20);
  font-weight: 500;
  color: var(--color-main);
}

@media screen and (max-width: 1023px) {
  .block-kv-ttl {
    width: calc(615 / 750 * 100vw);
    top: calc(1179 / 750 * 100vw);
    left: calc(47 / 750 * 100vw);
  }
  .block-kv-text a {
    font-size: calc(24/750*100vw);
    line-height: calc(32/24);
  }
  
  .block-kv-link_01 {
    top: calc(406 / 750 * 100vw);
    left: calc(90 / 750 * 100vw);
    width: calc(389 / 750 * 100vw);
    height: calc(489 / 750 * 100vw);
  }
  .block-kv-link_02 {
    top: calc(590 / 750 * 100vw);
    right: calc(38 / 750 * 100vw);
    width: calc(400 / 750 * 100vw);
    height: calc(594 / 750 * 100vw);
  }
  
  
  .block-kv-text._01 {
    top: calc(664 / 750 * 100vw);
    left: calc(55 / 750 * 100vw);
  }
  .block-kv-text._02 {
    top: calc(1026 / 750 * 100vw);
    right: calc(25 / 750 * 100vw);
  }
  .block-kv-text._02 a {
    text-shadow: 0 0 calc(22 / 750 * 100vw) #fff;
  }
  
  .block-kv-note {
    width: fit-content;
    top: calc(1642 / 750 * 100vw);
    left: calc(15 / 750 * 100vw);
    right: 0;
    font-size: calc(24/750*100vw);
    line-height: calc(28/20);
    margin: auto;
  }
}

/* ----------------------------------------------------------
block-lead
---------------------------------------------------------- */
.block-lead-text {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  text-align: center;
  font-size: calc(32/1440*100vw);
  line-height: calc(92/32);
  padding: calc(102/1440*100vw) 0 0 calc(16/1440*100vw);
}
.block-lead-text sup {
  font-size: calc(20/1440*100vw);
}

@media screen and (max-width: 1023px) {
  .block-lead-text {
    font-size: calc(36/750*100vw);
    line-height: calc(88/36);
    padding: calc(192/750*100vw) 0 0 calc(16/750*100vw);
  }
  .block-lead-text sup {
    font-size: calc(20/750*100vw);
  }
}

/* ----------------------------------------------------------
block-disc
---------------------------------------------------------- */
.block-disc {
  position: relative;
}
.block-disc-item {
  position: absolute;
}
.block-disc-item._01 {
  top: calc(47 / 1440 * 100vw);
  left: calc(177 / 1440 * 100vw);
}
.block-disc-item._02 {
  top: calc(438 / 1440 * 100vw);
  left: calc(918 / 1440 * 100vw);
}
.block-disc-item._03 {
  top: calc(1068 / 1440 * 100vw);
  left: calc(461 / 1440 * 100vw);
}


.block-disc-item-title {
  font-size: calc(28/1440*100vw);
  line-height: calc(40/28);
  font-weight: bold;
}
.block-disc-item-text {
  font-size: calc(24/1440*100vw);
  line-height: calc(36/24);
  font-weight: bold;
  margin-top: calc(9/1440*100vw);
}
.block-disc-item._03 .block-disc-item-text {
  margin-top: calc(17/1440*100vw);
}

@media screen and (max-width: 1023px) {
  .block-disc-item._01 {
    top: calc(188 / 750 * 100vw);
    left: calc(56 / 750 * 100vw);
  }
  .block-disc-item._02 {
    top: calc(1042 / 750 * 100vw);
    left: calc(453 / 750 * 100vw);
  }
  .block-disc-item._03 {
    top: calc(1499 / 750 * 100vw);
    left: calc(53 / 750 * 100vw);
  }
  
  
  .block-disc-item-title {
    font-size: calc(32/750*100vw);
    line-height: calc(44/32);
  }
  .block-disc-item-text {
    font-size: calc(24/750*100vw);
    line-height: calc(36/24);
    margin-top: calc(9/750*100vw);
  }
  .block-disc-item._03 .block-disc-item-text {
    margin-top: calc(17/750*100vw);
  }
}

/* ----------------------------------------------------------
block-beverage
---------------------------------------------------------- */
.block-beverage {
  position: relative;
}
.block-beverage-text .bev-ttl a {
  font-size: calc(32/1440*100vw);
  line-height: calc(40/32);
}
.block-beverage-text .bev-price {
	font-family: "SoDoSans SemiBold";
	font-style: normal;
	font-weight: 400;
  font-size: calc(34/1440*100vw);
  line-height: calc(40/34);
  margin-top: calc(15/1440*100vw);
}
.block-beverage-text .bev-price span {
  font-size: calc(32/1440*100vw);
  line-height: calc(40/32);
  letter-spacing: 0.03em;
}
.block-beverage-text .bev-note {
  margin-top: calc(8/1440*100vw);
}
.block-beverage-text .btn._s {
  margin-top: calc(26/1440*100vw);
  margin-left: calc(6/1440*100vw);
}

.block-beverage-image01 {
  position: absolute;
  top: calc(148 / 1440 * 100vw);
  left: calc(331 / 1440 * 100vw);
  width: calc(409 / 1440 * 100vw);
  height: calc(558 / 1440 * 100vw);
}
.block-beverage-image01 a {
  display: block;
}
.block-beverage-text._01 {
  width: fit-content;
  position: absolute;
  top: calc(357 / 1440 * 100vw);
  left: calc(724 / 1440 * 100vw);
}
.block-beverage-text._01 .bev-price .sub {
  /* vertical-align: middle; */
  position: relative;
  top: calc(-6/1440*100vw);
  border: calc(2/1440*100vw) solid var(--color-main);
  border-radius: calc(4/1440*100vw);
  padding: calc(4/1440*100vw) calc(9/1440*100vw);
  font-size: calc(18/1440*100vw);
  line-height: calc(32/18);
  font-weight: 500;
  margin-left: calc(14/1440*100vw);
}


.block-beverage-image02 {
  position: absolute;
  top: calc(946 / 1440 * 100vw);
  right: calc(393 / 1440 * 100vw);
  width: calc(305 / 1440 * 100vw);
  height: calc(423 / 1440 * 100vw);
}
.block-beverage-image02 a {
  display: block;
}
.block-beverage-text._02 {
  width: fit-content;
  position: absolute;
  top: calc(962 / 1440 * 100vw);
  left: calc(274 / 1440 * 100vw);
}
.block-beverage-text._02 .bev-lead {
  margin-bottom: calc(23/1440*100vw);
}

@media screen and (max-width: 1023px) {
  .block-beverage-text .bev-ttl a {
    font-size: calc(40/750*100vw);
    line-height: calc(56/40);
  }
  .block-beverage-text .bev-price {
    font-size: calc(39.98/750*100vw);
    line-height: calc(56/39.98);
    margin-top: calc(3/750*100vw);
  }
  .block-beverage-text .bev-price span {
    font-size: calc(35.98/750*100vw);
    line-height: calc(56/35.98);
    letter-spacing: 0.03em;
  }
  .block-beverage-text .bev-note {
    font-weight: 500;
    margin-top: 0;
  }
  .block-beverage-text .btn._s {
    width: calc(560/750*100vw);
    height: calc(104/750*100vw);
    border-radius: calc(52 / 750 * 100vw);
    margin-top: calc(26/750*100vw);
    margin-left: calc(6/750*100vw);
  }
  .block-beverage-text .btn._s a {
    font-size: calc(32/750*100vw);
    line-height: calc(100/32);
  }
  
  .block-beverage-image01 {
    top: calc(371 / 750 * 100vw);
    left: calc(159 / 750 * 100vw);
    width: calc(507 / 750 * 100vw);
    height: calc(773 / 750 * 100vw);
  }
  .block-beverage-text._01 {
    top: calc(1117 / 750 * 100vw);
    left: calc(94 / 750 * 100vw);
  }
  .block-beverage-text._01 .bev-price .sub {
    top: calc(-4 / 750 * 100vw);
    border: calc(2 / 750 * 100vw) solid var(--color-main);
    border-radius: calc(4 / 750 * 100vw);
    padding: calc(2 / 750 * 100vw) calc(10 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
    line-height: calc(32 / 20);
    margin-left: calc(17 / 750 * 100vw);
  }
  
  
  .block-beverage-image02 {
    top: calc(1940 / 750 * 100vw);
    right: calc(187 / 750 * 100vw);
    width: calc(381 / 750 * 100vw);
    height: calc(529 / 750 * 100vw);
  }
  .block-beverage-text._02 {
    top: calc(2554 / 750 * 100vw);
    left: calc(93 / 750 * 100vw);
  }
  .block-beverage .bev-lead {
    position: absolute;
    top: calc(1714 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
    right: 0;
    margin: auto;
  }
}

/* ----------------------------------------------------------
block-tea
---------------------------------------------------------- */
.block-tea-inner {
  width: calc(960/1440*100vw);
  padding-top: calc(90/1440*100vw);
  margin: 0 auto;
}
.block-tea-bg {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.block-tea-link {
  position: absolute;
  top: calc(85 / 1440 * 100vw);
  left: calc(634 / 1440 * 100vw);
  width: calc(216 / 1440 * 100vw);
  height: calc(455 / 1440 * 100vw);
}
.block-tea-bev {
  position: absolute;
  top: calc(318 / 1440 * 100vw);
  left: calc(34 / 1440 * 100vw);
}
.block-tea-bev a {
  display: block;
  font-size: calc(32/1440*100vw);
  line-height: calc(40/32);
  font-weight: bold;
  color: var(--color-orange);
}
.block-tea-price {
  position: absolute;
  top: calc(370 / 1440 * 100vw);
  left: calc(34 / 1440 * 100vw);
	font-family: "SoDoSans SemiBold";
	font-style: normal;
	font-weight: 400;
  font-size: calc(34/1440*100vw);
  line-height: calc(40/34);
  color: var(--color-orange);
}
.block-tea-price span {
  font-size: calc(32/1440*100vw);
  line-height: calc(40/32);
  letter-spacing: 0.03em;
}
.block-tea-text {
  position: absolute;
  top: calc(420 / 1440 * 100vw);
  left: calc(34 / 1440 * 100vw);
  font-size: calc(18/1440*100vw);
  line-height: calc(36/18);
  font-weight: 500;
  color: var(--color-orange);
}
.block-tea-bg .btn {
  position: absolute;
  top: calc(552 / 1440 * 100vw);
  left: calc(34 / 1440 * 100vw);
}

@media screen and (max-width: 1023px) {
  .block-tea-inner {
    width: calc(680/750*100vw);
    padding-top: calc(123/750*100vw);
  }
  .block-tea-link {
    top: calc(302 / 750 * 100vw);
    left: calc(354 / 750 * 100vw);
    width: calc(257 / 750 * 100vw);
    height: calc(530 / 750 * 100vw);
  }
  .block-tea-bev {
    top: calc(1024 / 750 * 100vw);
    left: calc(38 / 750 * 100vw);
  }
  .block-tea-bev a {
    font-size: calc(40/750*100vw);
    line-height: calc(56/40);
  }
  .block-tea-price {
    top: calc(1084 / 750 * 100vw);
    left: calc(39 / 750 * 100vw);
    font-size: calc(39.97/750*100vw);
    line-height: calc(56/39.97);
  }
  .block-tea-price span {
    font-size: calc(35.98/750*100vw);
    line-height: calc(56/35.98);
    letter-spacing: 0.03em;
  }
  .block-tea-text {
    top: calc(1148 / 750 * 100vw);
    left: calc(41 / 750 * 100vw);
    font-size: calc(24/750*100vw);
    line-height: calc(36/24);
  }
  .block-tea-bg .btn {
    top: calc(1283 / 750 * 100vw);
    left: calc(34 / 750 * 100vw);
  }
}

/* ----------------------------------------------------------
block-bev-archive
---------------------------------------------------------- */
.block-bev-archive-inner {
  padding-top: calc(45/1440*100vw);
}
.block-bev-archive-inner .list-btn {
  margin: calc(30/1440*100vw) auto 0;
}
.block-bev-archive-inner .info-link {
  margin: calc(31/1440*100vw) auto 0;
}

@media screen and (max-width: 1023px) {
  .block-bev-archive-inner {
    padding-top: calc(48/750*100vw);
  }
  .block-bev-archive-inner .list-btn {
    margin: calc(30/750*100vw) auto 0;
  }
  .block-bev-archive-inner .info-link {
    margin: calc(56/750*100vw) auto 0;
  }
}

/* ----------------------------------------------------------
block-food
---------------------------------------------------------- */
.block-food-inner {
  width: calc(1123/1440*100vw);
  padding: calc(274/1440*100vw) 0 calc(160/1440*100vw);
  margin: 0 auto;
}
.block-food-ttl {
  position: relative;
  left: calc(7/1440*100vw);
  width: calc(329/1440*100vw);
  margin: 0 auto;
}
/* _02 _03 */
.block-food-flex {
  position: relative;
  left: calc(-7/1440*100vw);
  display: flex;
  align-items: flex-start;
  margin-top: calc(179/1440*100vw);
  gap: calc(85/1440*100vw);
}
.block-food-flex .block-food-item {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.block-food-flex .bev-ttl {
  padding-top: calc(34/1440*100vw);
}
.block-food-flex .bev-text {
  position: relative;
  left: calc(6/1440*100vw);
  padding-top: 0;
  padding-bottom: calc(26/1440*100vw);
}
.block-food-flex .btn._s {
  margin: 0 auto;
}

.block-food-item._01 .block-food-item-img {
  width: calc(408/1440*100vw);
  padding-top: calc(15/1440*100vw);
  margin: 0 auto;
  flex: 1;
}
.block-food-item-img a {
  display: block;
}
.block-food-item._01 .bev-text {
  word-break: keep-all;
}

.block-food-item._02 {
  width: calc(528/1440*100vw);
  flex-shrink: 0;
}
.block-food-item._02 .block-food-item-img {
  width: calc(430/1440*100vw);
  margin: 0 auto;
  flex: 1;
}
.block-food-item._02 .bev-ttl {
  padding-top: calc(20/1440*100vw);
}


/* フード一覧はこちら */
.block-food .list-btn {
  margin: calc(156/1440*100vw) auto 0;
}
.block-food .info-link {
  margin: calc(31/1440*100vw) auto 0;
}

@media screen and (max-width: 1023px) {
  .block-food-inner {
    width: calc(560/750*100vw);
    padding: calc(238/750*100vw) 0 calc(160/750*100vw);
  }
  .block-food-ttl {
    position: relative;
    left: 0;
    width: calc(329/750*100vw);
  }
  /* _02 _03 */
  .block-food-flex {
    position: relative;
    left: calc(17/750*100vw);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: calc(146/750*100vw);
    gap: calc(162/750*100vw);
  }
  .block-food-flex .block-food-item {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .block-food-flex .bev-ttl {
    padding-top: calc(36/750*100vw);
  }
  .block-food-flex .bev-text {
    left: calc(6/750*100vw);
    padding-top: 0;
    padding-bottom: calc(30/750*100vw);
  }
  
  .block-food-item._01 .block-food-item-img {
    width: calc(454/750*100vw);
    padding-top: calc(15/750*100vw);
  }
  .block-food-item._01 .bev-text {
    word-break: keep-all;
  }
  
  .block-food-item._02 {
    position: relative;
    left: calc(-17/750*100vw);
    width: 100%;
    flex-shrink: 0;
  }
  .block-food-item._02 .block-food-item-img {
    width: calc(476/750*100vw);
  }
  .block-food-item._02 .bev-ttl {
    padding-top: calc(35/750*100vw);
  }
  
  
  /* フード一覧はこちら */
  .block-food .list-btn {
    left: 0;
    height: calc(72 / 750 * 100vw);
    margin: calc(240/750*100vw) auto 0;
  }
  .block-food .info-link {
    margin: calc(59/750*100vw) auto 0;
  }
}

/* ----------------------------------------------------------
block-coffee
---------------------------------------------------------- */
.block-coffee-inner {
  width: calc(778/1440*100vw);
  padding: calc(348/1440*100vw) 0 calc(160/1440*100vw);
  margin: 0 auto;
}
.block-coffee-ttl {
  width: calc(478/1440*100vw);
  margin: 0 auto;
}
.block-coffee-item {
  display: flex;
  position: relative;
  left: calc(43 / 1440 * 100vw);
  margin-top: calc(192 / 1440 * 100vw);
  gap: calc(79 / 1440 * 100vw);
}
.block-coffee-item-img {
  flex-shrink: 0;
  width: calc(242/1440*100vw);
}
.block-coffee-item-img a {
  display: block;
}
.block-coffee-item-text {
  margin-top: calc(67/1440*100vw);
}
.block-coffee-item-text .bev-text {
  margin-top: calc(7/1440*100vw);
}
.block-coffee-item-text .btn._s {
  margin-top: calc(25/1440*100vw);
}

/* コーヒー豆一覧はこちら */
.block-coffee .list-btn {
  margin: calc(165/1440*100vw) auto 0;
}

@media screen and (max-width: 1023px) {
  .block-coffee-inner {
    width: calc(560/750*100vw);
    padding: calc(218/750*100vw) 0 calc(160/750*100vw);
  }
  .block-coffee-ttl {
    width: calc(478/750*100vw);
  }
  .block-coffee-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    left: 0;
    margin-top: calc(155 / 750 * 100vw);
    gap: 0;
  }
  .block-coffee-item-img {
    flex-shrink: 0;
    width: calc(265/750*100vw);
  }
  .block-coffee-item-text {
    width: calc(480/750*100vw);
    margin-top: calc(67/750*100vw);
  }
  .block-coffee-item-text .bev-text {
    margin-top: calc(7/750*100vw);
  }
  .block-coffee-item-text .btn._s {
    width: 100%;
    margin: calc(25/750*100vw) auto 0;
  }
  
  /* コーヒー豆一覧はこちら */
  .block-coffee .list-btn {
    width: calc(480 / 750 * 100vw);
    height: calc(72 / 750 * 100vw);
    margin: calc(203 / 750 * 100vw) auto 0;
    left: 0;
  }
}

/* ----------------------------------------------------------
block-goods
---------------------------------------------------------- */
.block-goods-inner {
  width: calc(1105/1440*100vw);
  padding: calc(270/1440*100vw) 0 calc(160/1440*100vw);
  margin: 0 auto;
}
.block-goods-ttl {
  width: calc(430/1440*100vw);
  margin: 0 auto;
}

/* _01 */
.block-goods-item._01 {
  margin-top: calc(84/1440*100vw);
}
.block-goods-item._01 .block-goods-item-img {
  width: calc(981/1440*100vw);
  margin: 0 auto;
}
.block-goods-item._01 .block-card-item-text {
  width: calc(673/1440*100vw);
  margin: calc(60/1440*100vw) auto 0;
}
.block-goods-item._01 .bev-text {
  padding-top: calc(4/1440*100vw);
}
.block-goods-item._01 .btn._l {
  margin: calc(25/1440*100vw) auto 0;
}

/* _02 _03 */
.block-goods-flex {
  position: relative;
  left: calc(22/1440*100vw);
  display: flex;
  align-items: flex-end;
  margin-top: calc(82/1440*100vw);
  gap: calc(134/1440*100vw);
}
.block-goods-flex .block-goods-item {
  display: flex;
  flex-direction: column;
}
.block-goods-item-img a {
  display: block;
}
.block-goods-item._02 .block-goods-item-img {
  width: calc(175/1440*100vw);
  margin: 0 auto;
  flex: 1;
}
.block-goods-item._03 .block-goods-item-img {
  width: calc(176/1440*100vw);
  margin: 0 auto;
  flex: 1;
}
.block-goods-flex .bev-ttl {
  padding-top: calc(56/1440*100vw);
  word-break: break-all;
}
.block-goods-flex .bev-text {
  padding-top: calc(4/1440*100vw);
  padding-bottom: calc(26/1440*100vw);
}
.block-goods-flex .btn._s {
  margin: 0 auto;
}

/* シーズナルグッズ特集はこちら */
.block-goods .list-btn {
  margin: calc(238/1440*100vw) auto 0;
}

@media screen and (max-width: 1023px) {
  .block-goods-inner {
    width: calc(626/750*100vw);
    padding: calc(234/750*100vw) 0 calc(160/750*100vw);
  }
  .block-goods-ttl {
    width: calc(430/750*100vw);
  }
  
  /* _01 */
  .block-goods-item._01 {
    margin-top: calc(128/750*100vw);
  }
  .block-goods-item._01 .block-goods-item-img {
    width: calc(600/750*100vw);
  }
  .block-goods-item._01 .block-card-item-text {
    width: calc(600/750*100vw);
    margin: calc(77/750*100vw) auto 0;
  }
  .block-goods-item._01 .bev-text {
    padding-top: calc(10/750*100vw);
  }
  .block-goods-item._01 .btn._l {
    width: calc(480 / 750 * 100vw);
    height: calc(76 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    margin: calc(33 / 750 * 100vw) auto 0;
  }
  
  /* _02 _03 */
  .block-goods-flex {
    position: relative;
    left: calc(10/750*100vw);
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: calc(202/750*100vw);
    gap: calc(178/750*100vw);
  }
  .block-goods-flex .block-goods-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: calc(54/750*100vw);
  }
  .block-goods-flex .block-goods-item._03 {
    width: 102%;
  }
  .block-goods-item._02 .block-goods-item-img {
    width: calc(193/750*100vw);
    flex: none;
    margin: calc(28/750*100vw) 0 0;
  }
  .block-goods-item._03 .block-goods-item-img {
    position: relative;
    left: calc(6/750*100vw);
    width: calc(196/750*100vw);
    flex: none;
    margin: calc(53/750*100vw) 0 0;
  }
  .block-goods-flex .bev-ttl {
    padding-top: calc(56/750*100vw);
    word-break: break-all;
  }
  .block-goods-flex .bev-text {
    padding-top: calc(4/750*100vw);
    padding-bottom: calc(26/750*100vw);
  }
  .block-goods-flex .block-goods-item._03 .bev-text {
    padding-top: calc(9/750*100vw);
  }

  .block-goods-flex .btn._s {
    position: relative;
    left: calc(-14/750*100vw);
    width: calc(320.13/750*100vw);
  }
  .block-goods-flex ._03 .btn._s {
    left: calc(-26/750*100vw);
  }

  
  /* シーズナルグッズ特集はこちら */
  .block-goods .list-btn {
    margin: calc(236 / 750 * 100vw) auto 0;
    width: calc(480 / 750 * 100vw);
    height: calc(72 / 750 * 100vw);
    left: 0;
  }
}

/* ----------------------------------------------------------
block-card
---------------------------------------------------------- */
.block-card-inner {
  width: calc(967/1440*100vw);
  padding: calc(264/1440*100vw) 0 calc(160/1440*100vw);
  margin: 0 auto;
}
.block-card-lead {
  font-size: calc(24/1440*100vw);
  line-height: calc(48/24);
  font-weight: 500;
  text-align: center;
  margin-top: calc(29 / 1440 * 100vw);
  margin-left: calc(16 / 1440 * 100vw);
}
.block-card-item {
  display: flex;
  gap: calc(56/1440*100vw);
}


/* STARBUCKS CARD */
.block-card-sbcard .block-card-ttl {
  line-height: calc(104 / 104);
  letter-spacing: 0.09em;
  position: relative;
  left: calc(7 / 1440 * 100vw);
}
.block-card-sbcard .block-card-item {
  position: relative;
  left: calc(27/1440*100vw);
  margin-top: calc(59/1440*100vw);
}
.block-card-sbcard .block-card-item-img {
  margin-top: calc(8/1440*100vw);
}
.block-card-sbcard .block-card-item-img a {
  display: block;
}
.block-card-sbcard .bev-note {
  margin-top: calc(13/1440*100vw);
}
.block-card-sbcard .btn._l {
  margin-top: calc(29/1440*100vw);
}
.block-card-sbcard .list-btn {
  margin-top: calc(32/1440*100vw);
}

/* DIGITAL STARBUCKS CARD */
.block-card-dssbcard {
  margin-top: calc(144/1440*100vw);
}
.block-card-dssbcard .block-card-ttl {
  line-height: calc(104 / 104);
  letter-spacing: 0.09em;
  position: relative;
  left: calc(7 / 1440 * 100vw);
}
.block-card-dssbcard .block-card-item {
  align-items: center;
  position: relative;
  left: calc(2/1440*100vw);
  margin-top: calc(42/1440*100vw);
  gap: 0;
}
.block-card-dssbcard .block-card-item-text {
  position: relative;
  left: calc(-7/1440*100vw);
}
.block-card-dssbcard .block-card-item-img {
  width: calc(560/1440*100vw);
  margin-top: calc(8/1440*100vw);
}
.block-card-dssbcard .list-btn._l {
  margin-top: calc(10/1440*100vw);
}

@media screen and (max-width: 1023px) {
  .block-card-inner {
    width: calc(648/750*100vw);
    padding: calc(226/750*100vw) 0 calc(160/750*100vw);
  }
  .block-card-lead {
    font-size: calc(24/750*100vw);
    line-height: calc(48/24);
    margin-top: calc(73 / 750 * 100vw);
    margin-left: calc(16 / 750 * 100vw);
  }
  .block-card-item {
    display: flex;
    gap: calc(28/750*100vw);
  }
  
  /* STARBUCKS CARD */
  .block-card-sbcard .block-card-ttl {
    width: calc(648/750*100vw);
  }
  .block-card-sbcard .block-card-item {
    position: relative;
    flex-direction: column;
    align-items: center;
    left: 0;
    margin-top: calc(82/750*100vw);
  }
  .block-card-sbcard .block-card-item-img {
    width: calc(511/750*100vw);
    margin-top: calc(8/750*100vw);
  }
  .block-card-item-text {
    width: calc(520/750*100vw);
  }
  .block-card-sbcard .bev-note {
    font-size: calc(20 / 750 * 100vw);
    line-height: calc(28 / 20);
    margin-top: calc(13/750*100vw);
  }
  .block-card-sbcard .btn._l {
    width: calc(520 / 750 * 100vw);
    height: calc(76 / 750 * 100vw);
    border-radius: calc(38 / 750 * 100vw);
    margin-top: calc(33/750*100vw);
  }
  .block-card-sbcard .btn._l a {
    line-height: calc(76 / 750 * 100vw);
  }
  .block-card-sbcard .list-btn {
    position: relative;
    left: calc(-2/750*100vw);
    width: calc(520 / 750 * 100vw);
    height: calc(74 / 750 * 100vw);
    border-radius: calc(38 / 750 * 100vw);
    margin-top: calc(33/750*100vw);
  }
  .block-card-sbcard .list-btn a {
    line-height: calc(76 / 750 * 100vw);
  }
  
  /* DIGITAL STARBUCKS CARD */
  .block-card-dssbcard {
    margin-top: calc(139/750*100vw);
  }
  .block-card-dssbcard .block-card-ttl {
    width: calc(648/750*100vw);
  }
  .block-card-dssbcard .block-card-lead {
    margin-top: calc(51 / 750 * 100vw);
  }
  .block-card-dssbcard .block-card-item {
    align-items: center;
    flex-direction: column;
    gap: calc(102 / 750 * 100vw);
    position: relative;
    left: 0;
    margin-top: calc(85/750*100vw);
  }
  .block-card-dssbcard .block-card-item-img {
    width: calc(560/750*100vw);
    margin-top: calc(8/750*100vw);
  }
  .block-card-dssbcard .block-card-item-text {
    width: auto;
    left: calc(3/750*100vw);

  }
  .block-card-dssbcard .list-btn {
    position: relative;
    left: calc(-2/750*100vw);
    width: calc(520 / 750 * 100vw);
    height: calc(68 / 750 * 100vw);
    border-radius: calc(48 / 750 * 100vw);
    margin-top: calc(33/750*100vw);
  }
  .block-card-dssbcard .list-btn a {
    font-size: calc(26 / 750 * 100vw);
    line-height: calc(35/26);
  }
}