@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;
  background-color: #fff;
}

.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(856/1440*100vw);
		background-image: url(../images/bg_01.webp);
	}

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

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

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

	.bg_05 {
		height: calc(2278.5/1440*100vw);
		background-image: url(../images/bg_05.webp);
	}
  .bg_05_02 {
    height: calc(2098/1440*100vw);
    background-color: #fff;
  }

  .bg_06 {
    height: calc(1724/1440*100vw);
    background-color: #ffdadc;
  }
}

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

	.bg_02 {
		height: calc(1763/750*100vw);
		background-image: url(../images/sp/bg_02.webp);
    position: relative;
    margin-top: calc(-460/750*100vw);
    z-index: 2;
	}

	.bg_03 {
		height: calc(2799.5/750*100vw);
		background-image: url(../images/sp/bg_03.webp);
    position: relative;
    margin-top: calc(-342/750*100vw);
    z-index: 3;
	}

	.bg_04 {
		height: calc(3703 / 750 * 100vw);
		background-image: url(../images/sp/bg_04.webp);
    position: relative;
    z-index: 2;
	}

	.bg_05 {
		height: calc(5909 / 750 * 100vw);
		background-image: url(../images/sp/bg_05.webp);
    position: relative;
    margin-top: calc(-218 / 750 * 100vw);
    z-index: 3;
	}
  .bg_05_02 {
    height: calc(4457/750*100vw);
    background-color: #fff;
    position: relative;
    z-index: 2;
  }

  .bg_06 {
    height: calc(3941 / 750 * 100vw);
    background-color: #ffdadc;
    position: relative;
    z-index: 1;
  }
  .bg_06::before {
    position: absolute;
    top: calc(-1420/750*100vw);
    left: 50%;
    transform: translateX(-50%);
    width: calc(1523/750*100vw);
    height: calc(1523/750*100vw);
    background-color: #fff;
    content: '';
    border-radius: 50%;
  }
}

/* ----------------------------------------------------------
common
---------------------------------------------------------- */
.item-ttl {
  font-size: calc(33 / 1440 * 100vw);
  font-weight: 500;
  color: #fff;
  line-height: calc(29 / 33);
  letter-spacing: -0.05em;
}
.item-ttl span {
  display: inline-block;
  font-family: "SoDoSans";
  font-size: calc(18 / 1440 * 100vw);
  font-weight: 400;
  color: #fff;
  line-height: calc(18 / 18);
  letter-spacing: 0;
  position: relative;
  top: calc(1/1440*100vw);
  left: calc(3/1440*100vw);
}
.item-caffeine {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(14 / 1440 * 100vw);
  font-weight: 300;
  color: #fff;
  letter-spacing: -0.1em;
  border: 1px solid #fff;
  border-radius: calc(3 / 1440 * 100vw);
  width: calc(113.25 / 1440 * 100vw);
  height: calc(23.25 / 1440 * 100vw);
  margin-left: calc(17 / 1440 * 100vw);
  margin-top: calc(4 / 1440 * 100vw);
}
.item-detail {
  display: flex;
  flex-direction: row;
  margin-top: calc(18/1440*100vw);
  margin-left: calc(4/1440*100vw);
}
.item-price {
  font-size: calc(24 / 1440 * 100vw);
  font-weight: 500;
  color: #fff;
  line-height: calc(29 / 24);
  letter-spacing: -0.025em;
  font-family: "SoDoSans";
}
.item-btn {
  display: inline-block;
  font-size: calc(24 / 1440 * 100vw);
  font-weight: 500;
  color: #fff;
  line-height: calc(35 / 24);
  letter-spacing: -0.025em;
  background-color: #fff;
  border-radius: calc(32.5 / 1440 * 100vw);
  padding: calc(14 / 1440 * 100vw) calc(43 / 1440 * 100vw);
  border: calc(1/1440*100vw) solid #fff;
  margin-top: calc(28/1440*100vw);
  margin-left: calc(4/1440*100vw);
}
.item-btn._strawberry {
  color: #ec73a2;
}
.item-btn._chocolate {
  color: #e63a3b;
}

@media screen and (max-width: 1023px) {
  .item-ttl {
    font-size: calc(25 / 375 * 100vw);
    line-height: calc(44 / 50);
    letter-spacing: -0.05em;
  }
  .item-ttl span {
    font-size: calc(11 / 375 * 100vw);
    line-height: calc(23.5 / 22);
    letter-spacing: 0;
    top: calc(-6 / 375 * 100vw);
    left: calc(3 / 375 * 100vw);
  }
  .item-caffeine {
    font-size: calc(9 / 375 * 100vw);
    letter-spacing: -0.03em;
    border-radius: calc(3 / 375 * 100vw);
    width: calc(74 / 375 * 100vw);
    height: calc(14 / 375 * 100vw);
    margin-left: calc(12 / 375 * 100vw);
    margin-top: calc(4 / 375 * 100vw);
  }
  .item-detail {
    margin-top: calc(2 / 375 * 100vw);
    margin-left: calc(4 / 375 * 100vw);
  }
  .item-price {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(44 / 30);
    letter-spacing: -0.03em;
  }
  .item-btn {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(44 / 30);
    letter-spacing: -0.03em;
    margin-top: calc(18 / 375 * 100vw);
    margin-left: calc(29 / 375 * 100vw);
    border-radius: calc(26 / 375 * 100vw);
    padding: calc(9 / 375 * 100vw) calc(27 / 375 * 100vw);
  }
}

/* ----------------------------------------------------------
block-kv
---------------------------------------------------------- */
.block-kv {
}
.block-kv_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.block-kv_ttl {
  position: absolute;
  top: calc(105 / 1440 * 100vw);
  left: 52.3%;
  transform: translateX(-50%);
  width: calc(535 / 1440 * 100vw)
}
.block-kv_item-link {
  position: absolute;
  font-size: calc(24 / 1440 * 100vw);
  font-weight: 500;
  color: #fffeea;
  line-height: calc(34 / 24);
  letter-spacing: calc(-3 / 1440 * 100vw);
}
.block-kv_item-link._01 {
  top: calc(41 / 1440 * 100vw);
  left: calc(534 / 1440 * 100vw);
}
.block-kv_item-link._02 {
  top: calc(704 / 1440 * 100vw);
  right: calc(500 / 1440 * 100vw);
}
.block-kv_item-img_link {
  position: absolute;
}
.block-kv_item-img_link._01 {
  width: calc(404 / 1440 * 100vw);
  height: calc(542 / 1440 * 100vw);
  top: calc(69 / 1440 * 100vw);
  left: calc(199 / 1440 * 100vw);
}
.block-kv_item-img_link._02 {
  width: calc(349 / 1440 * 100vw);
  height: calc(564 / 1440 * 100vw);
  top: calc(273 / 1440 * 100vw);
  right: calc(260 / 1440 * 100vw);
}

@media screen and (max-width: 1023px) {
  .block-kv_ttl {
    top: calc(11 / 375 * 100vw);
    left: 49.5%;
    width: calc(359 / 375 * 100vw);
  }
  .block-kv_item-link {
    font-size: calc(14 / 375 * 100vw);
    letter-spacing: calc(-1.5 / 375 * 100vw);
  }
  .block-kv_item-link._01 {
    top: calc(295 / 375 * 100vw);
    left: calc(242 / 375 * 100vw);
  }
  .block-kv_item-link._02 {
    top: calc(658 / 375 * 100vw);
    right: calc(239 / 375 * 100vw);
  }
  .block-kv_item-img_link._01 {
    width: calc(221 / 375 * 100vw);
    height: calc(289 / 375 * 100vw);
    top: calc(68 / 375 * 100vw);
    left: calc(84 / 375 * 100vw);
  }
  .block-kv_item-img_link._02 {
    width: calc(209 / 375 * 100vw);
    height: calc(289 / 375 * 100vw);
    top: calc(440 / 375 * 100vw);
    right: calc(73 / 375 * 100vw);
  }
}

/* ----------------------------------------------------------
block-lead
---------------------------------------------------------- */
.block-lead {
}
.block-lead_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.block-lead_txt {
  font-family: "Zen Antique Soft", serif;
  position: absolute;
  top: calc(191 / 1440 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  width: calc(535 / 1440 * 100vw);
  font-size: calc(24 / 1440 * 100vw);
  line-height: calc(65 / 24);
  letter-spacing: 0.02em;
  font-weight: 400;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .block-lead_txt {
    top: calc(356 / 375 * 100vw);
    left: 51%;
    width: calc(359 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(86 / 36);
    letter-spacing: -0.03em;
  }
}

/* ----------------------------------------------------------
block-milk
---------------------------------------------------------- */
.block-milk {
}
.block-milk_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.block-milk_ttl {
  position: absolute;
  top: calc(112 / 1440 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  width: calc(425.5 / 1440 * 100vw);
}
.block-milk_lead {
  position: absolute;
  top: calc(476 / 1440 * 100vw);
  left: 68.7%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(14/1440*100vw);
}
.block-milk_lead_txt {
  font-size: calc(32 / 1440 * 100vw);
  font-weight: 500;
  color: #fff;
  line-height: calc(42 / 32);
  letter-spacing: 0;
  text-align: center;
}
.block-milk_lead_txt span {
  display: inline-block;
  font-size: calc(24 / 1440 * 100vw);
  font-weight: 500;
  color: #fff;
  line-height: calc(34 / 24);
  letter-spacing: 0;
}
.block-milk_lead_img {
  width: calc(26 / 1440 * 100vw);
  height: calc(26 / 1440 * 100vw);
  position: relative;
  top: calc(2 / 1440 * 100vw);
  left: calc(-1 / 1440 * 100vw)
}
.block-milk_lead_img img {
  width: 100%;
  height: 100%;
}
.block-milk_item {
  position: absolute;
  top: calc(1284 / 1440 * 100vw);
  left: calc(224 / 1440 * 100vw);
}
.block-milk_item_img {
  position: absolute;
  top: calc(980 / 1440 * 100vw);
  left: calc(748 / 1440 * 100vw);
  width: calc(367 / 1440 * 100vw);
  height: calc(532 / 1440 * 100vw);
}
@media screen and (max-width: 1023px) {
  .block-milk_ttl {
    top: calc(117 / 375 * 100vw);
    left: 50%;
    width: calc(285 / 375 * 100vw);
  }
  .block-milk_lead {
    top: calc(547 / 375 * 100vw);
    left: 50%;
    gap: calc(11 / 375 * 100vw);
  }
  .block-milk_lead_txt {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(44 / 36);
    letter-spacing: 0;
  }
  .block-milk_lead_txt span {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(34 / 28);
    letter-spacing: 0;
    white-space: nowrap;
    margin-bottom: calc(3/375*100vw);
  }
  .block-milk_lead_img {
    width: calc(14 / 375 * 100vw);
    height: calc(14 / 375 * 100vw);
  }
  .block-milk_item {
    top: calc(1155 / 375 * 100vw);
    left: calc(73 / 375 * 100vw);
  }
  .block-milk_item_img {
    width: calc(209 / 375 * 100vw);
    height: calc(306 / 375 * 100vw);
    top: calc(793 / 375 * 100vw);
    left: calc(87 / 375 * 100vw);
  }
}

/* ----------------------------------------------------------
block-chocolate
---------------------------------------------------------- */
.block-chocolate {
}
.block-chocolate_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.block-chocolate_ttl {
  position: absolute;
  top: calc(127 / 1440 * 100vw);
  left: 50.5%;
  transform: translateX(-50%);
  width: calc(568.5 / 1440 * 100vw);
}
.block-chocolate_lead {
  position: absolute;
  top: calc(418 / 1440 * 100vw);
  left: 68.7%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(14/1440*100vw);
}
.block-chocolate_lead_txt {
  font-size: calc(32 / 1440 * 100vw);
  font-weight: 500;
  color: #fff;
  line-height: calc(42 / 32);
  letter-spacing: -0.069em;
  text-align: center;
}
.block-chocolate_lead_txt span {
  display: inline-block;
  font-size: calc(24 / 1440 * 100vw);
  font-weight: 500;
  color: #fff;
  line-height: calc(34 / 24);
  letter-spacing: -0.09em;
}
.block-chocolate_lead_img {
  width: calc(26 / 1440 * 100vw);
  height: calc(26 / 1440 * 100vw);
  position: relative;
  top: calc(2 / 1440 * 100vw);
  left: calc(-1 / 1440 * 100vw)
}
.block-chocolate_lead_img img {
  width: 100%;
  height: 100%;
}
.block-chocolate_item {
  position: absolute;
  top: calc(1295 / 1440 * 100vw);
  left: calc(324 / 1440 * 100vw);
}
.block-chocolate_item_ttl {
  line-height: calc(33 / 33);
}
.block-chocolate_item_ttl span {
  margin-top: calc(11/1440*100vw);
}
.block-chocolate_beverage {
  position: absolute;
  top: calc(1813 / 1440 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(30 / 1440 * 100vw);
}
.block-chocolate_beverage_link {
  font-size: calc(24 / 1440 * 100vw);
  font-weight: 500;
  color: #fff;
  line-height: calc(33 / 24);
  border: calc(1 / 1440 * 100vw) solid #fff;
  padding: calc(14 / 1440 * 100vw) calc(56 / 1440 * 100vw);
  border-radius: calc(32.5 / 1440 * 100vw);
  letter-spacing: calc(-2.5/1440*100vw);
}
.block-chocolate_allergy_link {
  font-size: calc(24 / 1440 * 100vw);
  font-weight: 500;
  color: #fff;
  line-height: calc(33 / 24);
  position: relative;
  letter-spacing: calc(-2.5/1440*100vw);
}
.block-chocolate_allergy_link::after {
  content: '';
  position: absolute;
  bottom: calc(-8/1440*100vw);
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + calc(2 / 1440 * 100vw));
  height: calc(1 / 1440 * 100vw);
  background-color: #fff;
}
.block-chocolate_item_img {
  position: absolute;
  top: calc(948 / 1440 * 100vw);
  left: calc(723 / 1440 * 100vw);
  width: calc(349 / 1440 * 100vw);
  height: calc(634 / 1440 * 100vw);
}
@media screen and (max-width: 1023px) {
  .block-chocolate_ttl {
    top: calc(66 / 375 * 100vw);
    left: 50%;
    width: calc(240 / 375 * 100vw);
  }
  .block-chocolate_lead {
    top: calc(563 / 375 * 100vw);
    left: 50%;
    gap: calc(10 / 375 * 100vw);
  }
  .block-chocolate_lead_txt {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(44 / 36);
    letter-spacing: -0.1em;
    white-space: nowrap;
  }
  .block-chocolate_lead_txt span {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(34 / 28);
    letter-spacing: -0.03em;
    white-space: nowrap;
    margin-bottom: calc(3/375*100vw);
  }
  .block-chocolate_lead_img {
    width: calc(14 / 375 * 100vw);
    height: calc(14 / 375 * 100vw);
    top: calc(2 / 375 * 100vw);
    left: calc(-1 / 375 * 100vw)
  }
  .block-chocolate_item {
    top: calc(1336 / 375 * 100vw);
    left: calc(86 / 375 * 100vw);
  }
  .block-chocolate_item_ttl {
    line-height: calc(33 / 33);
  }
  .block-chocolate_item_ttl span {
    margin-top: calc(12 / 375 * 100vw);
  }
  .block-chocolate_item_link {
    margin-top: calc(23 / 375 * 100vw);
    margin-left: calc(16 / 375 * 100vw);
  }
  .block-chocolate_beverage {
    top: calc(1575 / 375 * 100vw);
    left: 50%;
    gap: calc(24 / 375 * 100vw);
    white-space: nowrap;
  }
  .block-chocolate_beverage_link {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(33 / 24);
    border: calc(1 / 375 * 100vw) solid #fff;
    padding: calc(9 / 375 * 100vw) calc(42 / 375 * 100vw);
    border-radius: calc(26 / 375 * 100vw);
    letter-spacing: calc(-1.5 / 375 * 100vw);
  }
  .block-chocolate_allergy_link {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(33 / 24);
    letter-spacing: calc(-1.5/375*100vw);
  }
  .block-chocolate_allergy_link::after {
    bottom: calc(-5 / 375 * 100vw);
    width: calc(100% + calc(2 / 375 * 100vw));
    height: calc(1 / 375 * 100vw);
  }
  .block-chocolate_item_img {
    top: calc(887 / 375 * 100vw);
    left: calc(87 / 375 * 100vw);
    width: calc(203 / 375 * 100vw);
    height: calc(366 / 375 * 100vw);
  }
}

/* ----------------------------------------------------------
block-nail
---------------------------------------------------------- */
.block-nail {
}
.block-nail_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.block-nail_ttl {
  position: absolute;
  top: calc(203 / 1440 * 100vw);
  left: calc(264 / 1440 * 100vw);
  width: calc(350.5 / 1440 * 100vw);
  display: flex;
  flex-direction: column;
  gap: calc(5/1440*100vw);
}
.block-nail_ttl span {
  display: inline-block;
  width: calc(300 / 1440 * 100vw);
}
.block-nail_lead {
  position: absolute;
  top: calc(1024 / 1440 * 100vw);
  left: 56.2%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(64/1440*100vw);
}
.block-nail_lead-ttl {
  display: flex;
  flex-direction: column;
  gap: calc(29/1440*100vw);
  font-family: "Zen Antique Soft", serif;
  font-size: calc(41 / 1440 * 100vw);
  font-weight: 500;
  color: #e63a3b;
  line-height: calc(60 / 41);
}
.block-nail_lead-ttl span {
  display: inline-block;
  width: calc(229 / 1440 * 100vw);
  margin-left: calc(8/1440*100vw);
}
.block-nail_lead-txt {
  font-family: "Zen Antique Soft", serif;
  font-size: calc(18 / 1440 * 100vw);
  font-weight: 400;
  color: #e63a3b;
  line-height: calc(46 / 18);
  margin-left: calc(16/1440*100vw);
}
.block-nail_item {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(130 / 1440 * 100vw);
}
.block-nail_item._01 {
  top: calc(143 / 1440 * 100vw);
  left: calc(240 / 1440 * 100vw);
}
.block-nail_item._02 {
  top: calc(644 / 1440 * 100vw);
  left: calc(240 / 1440 * 100vw);
}
.block-nail_item._03 {
  top: calc(1147 / 1440 * 100vw);
  left: calc(240 / 1440 * 100vw);
}
.block-nail_item_img {
  width: calc(463 / 1440 * 100vw);
  position: relative;
  top: calc(8/1440*100vw);
}
._02 .block-nail_item_img {
  top: calc(6/1440*100vw);
}
._03 .block-nail_item_img {
  top: calc(2/1440*100vw);
}
.block-nail_item_img img {
  width: 100%;
  height: 100%;
}
.block-nail_item_detail {
  display: flex;
  flex-direction: column;
  gap: calc(14/1440*100vw);
  width: calc(410/1440*100vw);
}
.block-nail_item_name {
  margin-top: calc(6/1440*100vw);
  display: flex;
  flex-direction: column;
  font-size: calc(30 / 1440 * 100vw);
  font-weight: 500;
  line-height: calc(34.5 / 30);
  letter-spacing: calc(-1.5/1440*100vw);
}
.block-nail_item_name span {
  display: inline-block;
  font-size: calc(18 / 1440 * 100vw);
  font-weight: 500;
  line-height: calc(34.5 / 18);
  letter-spacing: calc(-0.5/1440*100vw);
}
.block-nail_item_price {
  font-size: calc(24 / 1440 * 100vw);
  font-weight: 500;
  line-height: calc(33 / 24);
  letter-spacing: calc(-0.5/1440*100vw);
  font-family: "SoDoSans";
}
.block-nail_item_txt {
  font-size: calc(14 / 1440 * 100vw);
  font-weight: 400;
  line-height: calc(26 / 14);
  letter-spacing: calc(-0.5/1440*100vw);
}
.block-nail_item_link {
  padding: calc(16 / 1440 * 100vw) calc(50 / 1440 * 100vw);
  border: calc(1 / 1440 * 100vw) solid #fff;
  margin-top: calc(15 / 1440 * 100vw);
  margin-left: calc(0 / 1440 * 100vw);
  font-size: calc(20 / 1440 * 100vw);
  width: calc(259 / 1440 * 100vw);
}
._01 .block-nail_item_name {
  color: #f4494c;
}
._02 .block-nail_item_name {
  color: #c78560;
}
._03 .block-nail_item_name {
  color: #4a807a;
}
._01 .block-nail_item_price {
  color: #f4494c;
}
._02 .block-nail_item_price {
  color: #c78560;
}
._03 .block-nail_item_price {
  color: #4a807a;
}
._01 .block-nail_item_txt {
  color: #f4494c;
}
._02 .block-nail_item_txt {
  color: #c78560;
}
._03 .block-nail_item_txt {
  color: #4a807a;
}
._01 .block-nail_item_link {
  background-color: #f4494c;
}
._02 .block-nail_item_link {
  background-color: #c78560;
}
._03 .block-nail_item_link {
  background-color: #4a807a;
}
.block-nail_item_link_all {
  position: absolute;
  top: calc(1676 / 1440 * 100vw);
  left: 49.5%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-nail_item_link_all_link {
  display: inline-block;
  font-size: calc(20 / 1440 * 100vw);
  font-weight: 500;
  line-height: calc(33 / 20);
  letter-spacing: calc(-1.5/1440*100vw);
  color: #f4494c;
  position: relative;
}
.block-nail_item_link_all_link::before {
  content: '';
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  right: calc(-18.5 / 1440 * 100vw);
  width: calc(14 / 1440 * 100vw);
  height: calc(14 / 1440 * 100vw);
  background-image: url(/cafe/strawberry2026/images/nails/link_icon.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.block-nail_item_link_all_link::after {
  content: '';
  position: absolute;
  bottom: calc(-5 / 1440 * 100vw);
  left: 53%;
  transform: translate(-50%, -50%);
  width: calc(105% + calc(2 / 1440 * 100vw));
  height: calc(1 / 1440 * 100vw);
  background-color: #f4494c;
}
._02.block-nail_item_link_all_link::before {
  right: calc(-18.5 / 1440 * 100vw);
}
._02.block-nail_item_link_all_link::after {
  left: 54%;
  transform: translate(-50%, -50%);
  width: calc(108% + calc(2 / 1440 * 100vw));
}

.block-nail_item_link_all_txt {
  font-size: calc(14 / 1440 * 100vw);
  font-weight: 400;
  line-height: calc(26 / 14);
  letter-spacing: calc(-0.5/1440*100vw);
  color: #f4494c;
  margin-top: calc(91 / 1440 * 100vw);
  margin-bottom: calc(45 / 1440 * 100vw);
  margin-left: calc(22 / 1440 * 100vw);
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .block-nail_ttl {
    top: calc(56 / 375 * 100vw);
    left: calc(28 / 375 * 100vw);
    width: calc(233 / 375 * 100vw);
    gap: calc(5 / 375 * 100vw);
  }
  .block-nail_ttl span {
    width: calc(195 / 375 * 100vw);
    position: relative;
    top: calc(-14 / 375 * 100vw);
  }
  .block-nail_lead {
    top: calc(818 / 375 * 100vw);
    left: 50%;
    gap: calc(43/375*100vw);
  }
  .block-nail_lead-ttl {
    gap: calc(20/375*100vw);
    font-size: calc(39 / 375 * 100vw);
    line-height: calc(99 / 78);
    white-space: nowrap;
  }
  .block-nail_lead-ttl span {
    width: calc(187 / 375 * 100vw);
    margin-left: calc(43/375*100vw);
  }
  .block-nail_lead-txt {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(43 / 18);
    margin-left: calc(20 / 375 * 100vw);
    text-align: center;
    white-space: nowrap;
  }

  .block-nail_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(33 / 375 * 100vw);
  }
  .block-nail_item._01 {
    top: calc(164 / 375 * 100vw);
    left: calc(31 / 375 * 100vw);
  }
  .block-nail_item._02 {
    top: calc(745 / 375 * 100vw);
    left: calc(31 / 375 * 100vw);
  }
  .block-nail_item._03 {
    top: calc(1339 / 375 * 100vw);
    left: calc(31 / 375 * 100vw);
  }
  .block-nail_item_img {
    width: calc(310 / 375 * 100vw);
    top: calc(8/375*100vw);
    left: calc(4/375*100vw);
  }
  ._02 .block-nail_item_img {
    top: calc(6/375*100vw);
    left: calc(1 / 375 * 100vw);
  }
  ._03 .block-nail_item_img {
    top: calc(2/375*100vw);
    left: calc(1 / 375 * 100vw);
  }
  .block-nail_item_img img {
    width: 100%;
    height: 100%;
  }
  .block-nail_item_detail {
    gap: calc(4/375*100vw);
    width: calc(410/375*100vw);
  }
  .block-nail_item_name {
    margin-top: calc(6/375*100vw);
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(46 / 40);
    letter-spacing: 0;
  }
  .block-nail_item_name span {
    font-size: calc(12 / 375 * 100vw);
    line-height: calc(46 / 24);
    letter-spacing: 0;
  }
  .block-nail_item_price {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(44 / 30);
    letter-spacing: 0;
  }
  .block-nail_item_txt {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(46 / 28);
    letter-spacing: -1.4px;
    width: 77%;
    position: relative;
    margin-top: calc(3/375*100vw);
  }
  .block-nail_item_link {
    padding: calc(9 / 375 * 100vw) calc(0 / 375 * 100vw);
    border: calc(1 / 375 * 100vw) solid #fff;
    margin-top: calc(25 / 375 * 100vw);
    margin-left: calc(70 / 375 * 100vw);
    font-size: calc(15 / 375 * 100vw);
    width: calc(171.5 / 375 * 100vw);
    display: flex;
    justify-content: center;
  }

  .block-nail_item_link_all {
    top: calc(1847 / 375 * 100vw);
    left: 48%;
    width: 100%;
  }
  .block-nail_item_link_all_link {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(44 / 30);
    letter-spacing: calc(-1.2/375*100vw);
  }
  .block-nail_item_link_all_link::before {
    content: '';
    right: calc(-14.5 / 375 * 100vw);
    width: calc(11 / 375 * 100vw);
    height: calc(11 / 375 * 100vw);
  }
  .block-nail_item_link_all_link::after {
    bottom: calc(-5 / 375 * 100vw);
    left: 53%;
    width: calc(104% + calc(2 / 375 * 100vw));
    height: calc(1 / 375 * 100vw);
  }
  ._02.block-nail_item_link_all_link::before {
    right: calc(-16.5 / 375 * 100vw);
  }
  ._02.block-nail_item_link_all_link::after {
    left: 54%;
    width: calc(108% + calc(2 / 375 * 100vw));
  }
  
  .block-nail_item_link_all_txt {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(48 / 28);
    letter-spacing: calc(-0.5 / 375 * 100vw);
    margin-top: calc(78 / 375 * 100vw);
    margin-bottom: calc(43 / 375 * 100vw);
    margin-left: calc(24 / 375 * 100vw);
    width: 100%
  }
}


/* ----------------------------------------------------------
block-food
---------------------------------------------------------- */
.block-food {
}
.block-food_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.block-food_ttl {
  position: absolute;
  top: calc(142 / 1440 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  width: calc(151 / 1440 * 100vw);
}
.block-food_ttl img {
  width: 100%;
  height: 100%;
}
.block-food_item {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(54 / 1440 * 100vw);
}
.block-food_item._01 {
  top: calc(307 / 1440 * 100vw);
  left: calc(285 / 1440 * 100vw);
}
.block-food_item._02 {
  flex-direction: row-reverse;
  top: calc(788 / 1440 * 100vw);
  left: calc(238 / 1440 * 100vw);
}
.block-food_item._03 {
  top: calc(1153 / 1440 * 100vw);
  left: calc(267 / 1440 * 100vw);
}
.block-food_item_img {
  width: calc(425 / 1440 * 100vw);
  position: relative;
  top: calc(8/1440*100vw);
}
._02 .block-food_item_img {
  width: calc(472 / 1440 * 100vw);
  top: calc(6/1440*100vw);
}
._03 .block-food_item_img {
  width: calc(455 / 1440 * 100vw);
  top: calc(2/1440*100vw);
}
.block-food_item_img img {
  width: 100%;
  height: 100%;
}
.block-food_item_detail {
  display: flex;
  flex-direction: column;
  width: calc(418/1440*100vw);
  gap: calc(14/1440*100vw);
  position: relative;
  top: calc(-40 / 1440 * 100vw);
}
._02 .block-food_item_detail {
  width: calc(465/1440*100vw);
  top: calc(-55 / 1440 * 100vw);
  left: calc(36 / 1440 * 100vw);
}
._03 .block-food_item_detail {
  top: calc(-77 / 1440 * 100vw);
  left: calc(-12 / 1440 * 100vw);
}
.block-food_item_name {
  font-size: calc(30 / 1440 * 100vw);
  font-weight: 500;
  line-height: calc(34.5 / 30);
  letter-spacing: calc(-1.5/1440*100vw);
  color: #e63a3b;
}
.block-food_item_price {
  font-size: calc(24 / 1440 * 100vw);
  font-weight: 500;
  line-height: calc(33 / 24);
  letter-spacing: calc(-0.5/1440*100vw);
  color: #e63a3b;
  font-family: "SoDoSans";
}
.block-food_item_txt {
  font-size: calc(14 / 1440 * 100vw);
  font-weight: 400;
  line-height: calc(26 / 14);
  letter-spacing: calc(-0.5/1440*100vw);
  color: #e63a3b;
}
._02 .block-food_item_txt {
  width: 93%;
}
.block-food_item_link {
  padding: calc(15 / 1440 * 100vw) calc(38 / 1440 * 100vw);
  border: calc(1 / 1440 * 100vw) solid #e63a3b;
  margin-top: calc(15 / 1440 * 100vw);
  margin-left: calc(0 / 1440 * 100vw);
  font-size: calc(22.5 / 1440 * 100vw);
  width: calc(259 / 1440 * 100vw);
  background-color: #e63a3b;
  letter-spacing: 0px;
}
._03 .block-food_item_link {
  position: relative;
  top: calc(25 / 1440 * 100vw);
}
.block-food_item_link_all {
  position: absolute;
  top: calc(1743 / 1440 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(30 / 1440 * 100vw);
}
.block-food_item_link_all_btn {
  font-size: calc(24 / 1440 * 100vw);
  font-weight: 500;
  line-height: calc(33 / 24);
  letter-spacing: calc(-2.5 / 1440 * 100vw);
  position: relative;
  color: #e63a3b;
  background-color: transparent;
  padding: calc(9 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  border: calc(1 / 1440 * 100vw) solid #e63a3b;
  border-radius: calc(32.5 / 1440 * 100vw);
  width: calc(350.5 / 1440 * 100vw);
  display: flex;
  justify-content: center;
}
.block-food_item_link_all_allergy {
  font-size: calc(24 / 1440 * 100vw);
  font-weight: 500;
  line-height: calc(33 / 24);
  letter-spacing: calc(-2.5 / 1440 * 100vw);
  position: relative;
  color: #e63a3b;
}
.block-food_item_link_all_allergy::after {
  content: '';
  position: absolute;
  bottom: calc(-5 / 1440 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + calc(2 / 1440 * 100vw));
  height: calc(1 / 1440 * 100vw);
  background-color: #e63a3b;
}
@media screen and (max-width: 1023px) {
  .block-food_ttl {
    top: calc(127 / 375 * 100vw);
    left: 50%;
    width: calc(107 / 375 * 100vw);
  }
  .block-food_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(20 / 375 * 100vw);
  }
  .block-food_item._01 {
    top: calc(236 / 375 * 100vw);
    left: calc(33 / 375 * 100vw);
  }
  .block-food_item._02 {
    flex-direction: column;
    top: calc(845 / 375 * 100vw);
    left: calc(33 / 375 * 100vw);
  }
  .block-food_item._03 {
    top: calc(1372 / 375 * 100vw);
    left: calc(33 / 375 * 100vw);
  }
  .block-food_item_img {
    width: calc(310 / 375 * 100vw);
    top: calc(11 / 375 * 100vw);
    left: calc(14 / 375 * 100vw);
  }
  ._02 .block-food_item_img {
    width: calc(326 / 375 * 100vw);
    top: calc(3 / 375 * 100vw);
    left: calc(10 / 375 * 100vw);
  }
  ._03 .block-food_item_img {
    width: calc(294 / 375 * 100vw);
    top: calc(6 / 375 * 100vw);
    left: calc(21 / 375 * 100vw);
  }
  .block-food_item_detail {
    width: calc(300 / 375 * 100vw);
    gap: calc(2 / 375 * 100vw);
    top: calc(6 / 375 * 100vw);
  }
  ._02 .block-food_item_detail {
    width: calc(335/375*100vw);
    top: calc(-4 / 375 * 100vw);
    left: calc(0 / 375 * 100vw);
  }
  ._03 .block-food_item_detail {
    top: calc(4 / 375 * 100vw);
    left: calc(0 / 375 * 100vw);
  }
  .block-food_item_name {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(44 / 30);
    letter-spacing: 0;
  }
  .block-food_item_price {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(44 / 30);
    letter-spacing: calc(-1.2/375*100vw);
  }
  .block-food_item_txt {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(25 / 14);
    letter-spacing: calc(-1.5 / 375 * 100vw);
  }
  ._02 .block-food_item_txt {
    width: 93%;
  }
  .block-food_item_link {
    padding: calc(9 / 375 * 100vw) calc(0 / 375 * 100vw);
    border: calc(1 / 375 * 100vw) solid #e63a3b;
    margin-top: calc(22 / 375 * 100vw);
    margin-left: calc(68 / 375 * 100vw);
    font-size: calc(15 / 375 * 100vw);
    width: calc(171.5 / 375 * 100vw);
    letter-spacing: 0px;
    display: flex;
    justify-content: center;
    position: relative;
  }
  ._02 .block-food_item_link {
    top: calc(4 / 375 * 100vw);
  }
  ._03 .block-food_item_link {
    top: calc(5 / 375 * 100vw);
  }

  .block-food_item_link_all {
    position: absolute;
    top: calc(1963 / 375 * 100vw);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(22 / 375 * 100vw);
  }
  .block-food_item_link_all_btn {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(44 / 30);
    letter-spacing: calc(-1.2/375*100vw);
    position: relative;
    color: #e63a3b;
    background-color: transparent;
    padding: calc(9 / 375 * 100vw) calc(0 / 375 * 100vw);
    border: calc(1 / 375 * 100vw) solid #e63a3b;
    border-radius: calc(32.5 / 375 * 100vw);
    width: calc(230 / 375 * 100vw);
    display: flex;
    justify-content: center;
  }
  .block-food_item_link_all_allergy {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(44 / 30);
    letter-spacing: calc(-1.2/375*100vw);
    position: relative;
    color: #e63a3b;
  }
  .block-food_item_link_all_allergy::after {
    content: '';
    position: absolute;
    bottom: calc(-5 / 375 * 100vw);
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + calc(2 / 375 * 100vw));
    height: calc(1 / 375 * 100vw);
    background-color: #e63a3b;
  }
}