@charset "utf-8";
/* 
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight:700;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Noto Sans TC', sans-serif;
font-family: 'Zen Kaku Gothic Antique', sans-serif;
font-family: 'Satoshi', sans-serif; 
*/

/* キャナル */
#shop__message__area {
  width: 100%;
  height: auto;
}
.shop__message__inner {
  width: 76.87%;
  height: auto;
  margin: 0 auto;
  max-width: 1500px;
}
.flex__item__container {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 94.7px;
  margin-bottom: 73px;
}
.message__title {
  font-size: 40px;
  letter-spacing: 0.07em;
  line-height: 1.45em;
  font-weight: 700;
}
.message__sub__title {
  font-size: 12px;
  letter-spacing: 0.06em;
  line-height: 1.41em;
  font-weight: 400;
}
.message__detail {
  width: 71.84%;
  font-size: 14px;
  letter-spacing: 0.13em;
  line-height: 2em;
  font-weight: 400;
}
.shop__image__container {
  width: 100%;
  height: auto;
  margin-bottom: 120px;
}
.shop__image__container img {
  width: 100%;
  height: auto;
}
#gift__area {
  width: 100%;
  height: auto;
  margin-top: 110px;
  position: relative;
}
.gift__inner {
  width: 81.48%;
  height: auto;
  margin: 0 auto;
  /* position: sticky; */
  top: 110px;
}
.other_title.gift__title {
  font-size: 36px;
  margin-top: 120px;
}
.other__sub__title.gift__dtail {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 47px;
}
.gift__type__container {
  width: 100%;
  height: auto;
  max-width: 1043px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gift__type__container__inner {
  width: 32.44%;
  height: auto;
  max-width: 329px;
  background-color: #fff;
  border-radius: 30px;
  padding-top: 49px;
  padding-bottom: 49px;
  position: relative;
}
.gift__type__title__wrap {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 7px;
  padding-bottom: 32px;
  position: relative;
}
.gift__title {
  font-size: 24px;
  letter-spacing: 0.06em;
  line-height: 1.45em;
  font-weight: 700;
  text-align: center;
}
.gift__title__type {
  width: 24px;
  height: 24px;
  background-color: #1c1c1c;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gift__type__text {
  font-size: 15px;
  color: #fff;
  line-height: 1.4em;
  padding-bottom: 4px;
}
.gift__image {
  width: 100%;
  height: auto;
}
.gift__image img {
  width: 100%;
  height: auto;
}
.gift__price {
  width: 100%;
  height: auto;
  font-size: 16px;
  letter-spacing: 0.07em;
  line-height: 1.375em;
  font-family: "Satoshi", sans-serif;
  font-weight: 401;
  text-align: center;
  padding-top: 20.4px;
  padding-bottom: 13.7px;
}
.gift__price span {
  font-size: 22px;
  font-weight: 701;
}
.gift__capa__container {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 6px;
}
.gift__capa__item {
  width: 56px;
  height: 20px;
  background-color: #1c1c1c;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gift__capa__item__text {
  font-size: 12px;
  letter-spacing: 0.03em;
  line-height: 2.16em;
  font-weight: 400;
  color: #fff;
}
.gift__item__detail {
  font-size: 12px;
  letter-spacing: 0.03em;
  line-height: 2.16em;
  font-weight: 400;
}
.imp__text {
  width: 65%;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.5em;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translate(-50%, 0);
}
.shop_map {
  /* width: 68.7%; */
  width: 50%;
  height: auto;
  margin: 0 auto;
  max-width: 1000px;
}
.shop_map img {
  width: 100%;
  height: auto;
}
/* 糸島 */
#itoshima_shop_are {
  width: 100%;
  height: auto;
  padding-top: 133px;
  padding-bottom: 164px;
}

#itoshima__menu__area {
  width: 100%;
  height: auto;
  padding: 50px 0;
  background-color: #f9b303;
}
.itoshima__menu__area__inner {
  width: 94.53%;
  height: auto;
  margin: 0 auto 59px auto;
  background-color: #fff;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 70px;
  padding: 94px 83px;
  max-width: 1200px;
  position: sticky;
  top: 110px;
}
.menu__inner__itoshima {
  padding-top: 0;
}
.slide__item__ito {
  width: 100%;
}
.menu__children:last-of-type {
  height: calc(var(--height) + 50vh);
}

.menu__item.menu__item__itoshima {
  font-size: 24px;
  margin-bottom: 24px;
}

.price__list__wrap {
  width: 100%;
  height: auto;
}
.price__list {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.price__quantity {
  font-family: "Satoshi", sans-serif;
  font-size: 16px;
  font-weight: 701;
  letter-spacing: 0.07em;
  line-height: 1.375em;
}
.egg_giftbox {
  width: 100%;
  font-size: 12px;
  text-align: center;
  border-top: solid 1px #1c1c1c;
  border-bottom: solid 1px #1c1c1c;
  padding-top: 6px;
  padding-bottom: 6px;
}
.dotted {
  background: radial-gradient(
    circle farthest-side,
    #000,
    #000 30%,
    transparent 30%,
    transparent
  );
  background-size: 7px;
  content: "";
  display: inline-block;
  height: 10px;
  width: 22%;
}
.price__text {
  font-family: "Satoshi", sans-serif;
  font-size: 18px;
  font-weight: 701;
  letter-spacing: 0.07em;
  line-height: 1.375em;
}
.price__text span {
  font-family: "Satoshi", sans-serif;
  font-size: 10px;
  font-weight: 401;
  letter-spacing: 0.07em;
  line-height: 1.375em;
}
.tkg__title {
  font-size: 36px;
}
.tkg__sub__title {
  font-size: 14px;
}
.tkg_detail {
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 2.14em;
  text-align: justify;
}
.super__tkg__image {
  width: 90%;
  height: auto;
  margin: 0 auto;
}
.super__tkg__image__inner {
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
  border-radius: 30px;
}
.super__tkg__contents {
  width: 82.62%;
  height: auto;
  margin: 0 auto;
  padding: 28px 0px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.super__tkg__textarea {
  width: 50%;
  height: auto;
}
.tkg__price__text {
  font-size: 22px;
  font-family: "Satoshi", sans-serif;
  font-weight: 701;
}
.tkg__price__text .slash {
  font-weight: 301;
}
.tkg_title__ {
  font-size: 18px;
}
.tkg__price_tax {
  font-size: 16px;
  font-weight: 401;
}
.tkg__text {
  font-size: 14px;
  font-family: "Satoshi", sans-serif;
  font-weight: 401;
  opacity: 0.5;
  padding-top: 10px;
  padding-bottom: 23px;
}
.shop_active_time__contents {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.active_time__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 6px;
  margin-right: 18px;
}
.active_day {
  width: 56px;
  height: 20px;
  color: #fff;
  background-color: #1c1c1c;
  font-size: 12px;
  border-radius: 10px;
  text-align: center;
  padding-top: 1px;
}
.super__tkg__image_item {
  width: 50%;
  height: auto;
}
.super__tkg__image_item img {
  width: 100%;
  height: auto;
}
/* SP ================================================== */
@media all and (max-width: 768px) {
  .super__tkg__contents {
    display: block;
  }
  .super__tkg__image_item {
    width: 100%;
    margin-bottom: 34px;
  }
  .super__tkg__textarea {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .tkg__price__text {
    font-size: 20px;
    font-family: "Satoshi", sans-serif;
    font-weight: 701;
    font-weight: 700;
  }
  .tkg_title__ {
    font-size: 16px;
  }
  .gift__price span {
    font-weight: 501;
  }
  .tkg__price_tax {
    font-size: 14px;
    font-weight: 401;
  }
  .tkg__text {
    font-size: 12px;
    font-family: "Satoshi", sans-serif;
    font-weight: 401;
    opacity: 0.5;
    padding-top: 10px;
    padding-bottom: 23px;
  }
  .shop_active_time__contents {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .active_time__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 6px;
    margin-right: 10px;
    white-space: nowrap;
  }
  .active_day {
    width: 56px;
    height: 20px;
    color: #fff;
    background-color: #1c1c1c;
    font-size: 10px;
    border-radius: 10px;
    text-align: center;
    padding-top: 1px;
  }
  .active_time {
    font-size: 10px;
  }
  .menu__children:last-of-type {
    height: calc(var(--height) + 10vh);
  }
}