@charset "UTF-8";
/**** lity ****/
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap");
.lity-content {
  padding: 4% 3%;
  background-color: #ffffff;
}

.lity-image img {
  max-height: 80vh !important;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 769px) {
  .lity-image img {
    height: auto;
  }
}
.lity {
  background-color: rgba(255, 255, 255, 0.7098039216);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

[data-lity] {
  cursor: pointer;
}

[data-lity]:hover {
  opacity: 0.5;
  transition: 0.3s;
}

html:has(.lity-opened) {
  overflow: hidden !important;
  background-color: #3b3b3b;
  scrollbar-gutter: stable;
}

/* ///// variable ///////////////////////////////// */
:root {
  --f-font-base:"Zen Kaku Gothic Antique", sans-serif;
  /* bg */
  --bg-content:#ffffff99;
  --bg-gradation-01:linear-gradient(-90deg,#2a7447 0% , #62ac40 100%);
  --bg-gradation-02:linear-gradient(180deg,#2a7447 0% , #62ac40 70%,#62ac4000 100%);
  /* text */
  --color-01:#186b47;
  --color-02:#ffffff;
  --color-03:#e7be32;
  /* btn */
  --btn--var01-bg:linear-gradient(180deg,#18683c 70% ,#37795b 100%);
  --btn--var01:#ffffff;
  --btn--var02-bg:#ffffff;
  --btn--var02:#186b47;
  /* tips */
  --tips--attention-bg:#d72626;
  --tips--attention-border:#ffffff;
  --tips--attention:#ffffff;
  --tips--var01-bg:#ffe2b3;
  --tips--var01-border:#ffffff;
  --tips--var01:#186b47;
  /* shadow */
  --shadow-01:drop-shadow(0px 3px 0px #7b8b7e43);
}

/* --- reset css ------------------------------ */
.t-reset-css img:not(:where(.t-cart img)) {
  width: 100%;
  height: auto;
  max-height: 100%;
  white-space: pre;
}
.t-reset-css a:not(:where(.t-cart a)) {
  position: initial;
  padding: initial;
  text-align: inherit;
}

/* --- default ------------------------------ */
.t-body :where(*),
.t-default-css :where(*) {
  box-sizing: border-box;
  color: var(--color-01);
}
.t-body :where(:is(section, div, hgroup)),
.t-default-css :where(:is(section, div, hgroup)) {
  line-height: 1;
}
.t-body :where(:is(p, a, h3, h4, h5, span)),
.t-default-css :where(:is(p, a, h3, h4, h5, span)) {
  font-weight: 500;
  font-size: clamp(14px, 1.8vw, 16px);
  line-height: 1.4;
  font-family: var(--f-font-base);
  letter-spacing: 0.06em;
}
.t-body a,
.t-default-css a {
  display: inline-block;
  color: inherit;
  font-size: inherit;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 769px) {
  .t-body a:hover,
  .t-body button:hover,
  .t-default-css a:hover,
  .t-default-css button:hover {
    opacity: 0.5;
    transition: 0.3s;
  }
}
.t-body a[href=""],
.t-default-css a[href=""] {
  pointer-events: none;
}

html {
  scroll-behavior: smooth;
}

html:has(.t-global-nav__close-btn.is-open) {
  overflow: hidden !important;
  background-color: #3b3b3b;
  scrollbar-gutter: stable;
}

@media (min-width: 769px) {
  .t-hover-opacity:hover,
  a.t-hover-opacity:hover {
    opacity: 0.5;
    transition: 0.3s;
  }
}

/* --- loading ---------------------- */
.fade-in-sequence {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.6s ease-out forwards;
}

#is-header {
  animation-delay: 0s;
}

main {
  animation-delay: 0.3s;
}

#is-footer {
  animation-delay: 0.6s;
}

/* アニメーション定義 */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ==================================================
layout
================================================== */
.t-body {
  position: relative;
  width: 100%;
}

body::before {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../images/bg-sp.webp);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media (min-width: 769px) {
  body::before {
    background: url(../images/bg-pc.webp);
  }
}

.t-main-with {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.t-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 380px;
  min-height: 600px;
  margin: 0 auto;
  gap: clamp(80px, 10.4vw, 120px);
  padding-block-start: clamp(20px, 2.6vw, 40px);
  padding-block-end: clamp(50px, 6.5vw, 100px);
}
@media (min-width: 769px) {
  .t-main {
    width: 100%;
    max-width: 1400px;
  }
}

/* --- section ---------------------- */
.t-section-wrapper {
  padding: clamp(4px, 0.5vw, 10px);
  border-radius: 5px;
}

.t-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 0;
  gap: clamp(30px, 3.9vw, 40px);
}

/* --- content ---------------------- */
.t-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  gap: 3.75rem;
  padding-inline: clamp(10px, 1.3vw, 20px);
}

.t-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: clamp(20px, 2.6vw, 40px);
}

.t-content--bg {
  padding: clamp(10px, 1.3vw, 30px);
  border-radius: 10px;
  background-color: var(--bg-content);
}

/* ==================================================
共通パーツ
================================================== */
.t-width-100 {
  width: 100%;
}

@media (max-width: 769px) {
  .t-width-100-sp {
    width: 100%;
  }
}
/* --- flex ---------------------- */
.t-flex-column {
  display: flex;
  flex-direction: column;
}

.t-flex-column-sp-row {
  display: flex;
  flex-direction: row;
}
@media (min-width: 769px) {
  .t-flex-column-sp-row {
    display: flex;
    flex-direction: column;
  }
}

.t-flex-row {
  display: flex;
  flex-direction: row;
}

.t-flex-row-sp-column {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .t-flex-row-sp-column {
    flex-direction: row;
  }
}

.t-flex-align-items-center {
  align-items: center;
}

.t-flex-align-items-flex-start {
  align-items: flex-start;
}

.t-flex-wrap {
  flex-wrap: wrap;
}

.t-flex-no-wrap {
  flex-wrap: nowrap;
}

.t-flex-inline {
  display: inline-flex;
}

.t-flex-grow-1 {
  flex-grow: 1;
}

/* align */
.t-flex-center {
  justify-content: center;
  align-items: center;
}

.t-flex-center-justify {
  justify-content: center;
}

.t-flex-center-align {
  align-items: center;
}

/* gap */
.t-flex-gap-8 {
  gap: clamp(8px, 1vw, 8px);
}

.t-flex-gap-10 {
  gap: clamp(10px, 1.3vw, 10px);
}

.t-flex-gap-18 {
  gap: clamp(18px, 2.3vw, 18px);
}

.t-flex-gap-24 {
  gap: clamp(16px, 2.1vw, 24px);
}

.t-flex-gap-30 {
  gap: clamp(30px, 3.1vw, 30px);
}

.t-flex-gap-50 {
  gap: clamp(50px, 6.5vw, 50px);
}

.t-flex-gap-60 {
  gap: clamp(60px, 7.8vw, 60px);
}

/* padding */
.t-padding-10 {
  gap: clamp(10px, 1.3vw, 10px);
}

.t-padding-20 {
  gap: clamp(10px, 1.3vw, 20px);
}

.t-padding-30 {
  gap: clamp(10px, 1.3vw, 30px);
}

/* --- text ---------------------- */
/* color */
.t-color-01 {
  color: var(--color-01);
  font-weight: inherit;
}

/* align */
.t-align-center {
  text-align: center;
}

/* weight */
.t-weight-700 {
  font-weight: 700;
}

.t-weight-800 {
  font-weight: 800;
}

.t-weight-900 {
  font-weight: 900;
}

/* line-height */
.t-line-height-1 {
  line-height: 1;
}

/* shadow */
.t-text-shadow {
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.7294117647));
}

/* size */
.t-text-size-12 {
  font-size: clamp(12px, 1.6vw, 12px);
}

.t-text-size-14-12 {
  font-size: clamp(12px, 1.6vw, 14px);
}

.t-text-size-14-14 {
  font-size: clamp(14px, 1.8vw, 14px);
}

.t-text-size-18-16 {
  font-size: clamp(16px, 2.1vw, 18px);
}

.t-text-size-20 {
  font-size: clamp(14px, 1.8vw, 20px);
}

.t-text-size-28 {
  font-size: clamp(20px, 2.6vw, 28px);
}

.t-text-size-38 {
  font-size: clamp(28px, 3.6vw, 38px);
}

.t-text-size-20-16 {
  font-size: clamp(16px, 2.1vw, 20px);
}

.t-text-size-22-20 {
  font-size: clamp(20px, 2.6vw, 22px);
}

.t-text-size-26-18 {
  font-size: clamp(18px, 2.3vw, 26px);
}

.t-text-size-32 {
  font-size: clamp(24px, 3.1vw, 32px);
}

.t-text-size-50 {
  font-size: clamp(36px, 4.7vw, 50px);
}

/* --- btn ---------------------- */
a.t-btn-var01 {
  display: flex;
  align-items: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: solid 1px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 1.13rem;
  line-height: 1;
  font-family: var(--f-font-base);
  padding-block: 1.13rem;
  padding-inline-start: 1.88rem;
  padding-inline-end: 3.75rem;
  filter: var(--shadow-01);
}
a.t-btn-var01::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 1.13rem;
  transform: translate(0, -50%);
  width: 1.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  aspect-ratio: 1/1;
}

a.t-btn--color-var01 {
  background: var(--btn--var01-bg);
  color: var(--btn--var01);
}
a.t-btn--color-var01::before, a.t-btn--color-var01::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7466%) hue-rotate(73deg) brightness(107%) contrast(91%);
}

a.t-btn--color-var02 {
  background: var(--btn--var02-bg);
  color: var(--btn--var02);
}
a.t-btn--color-var02::before, a.t-btn--color-var02::after {
  filter: brightness(0) saturate(100%) invert(28%) sepia(8%) saturate(5758%) hue-rotate(108deg) brightness(102%) contrast(81%);
}

a.t-btn--color-var03 {
  background: var(--btn--var02-bg);
  color: var(--btn--var02);
}
a.t-btn--color-var03::before, a.t-btn--color-var03::after {
  filter: brightness(0) saturate(100%) invert(28%) sepia(8%) saturate(5758%) hue-rotate(108deg) brightness(102%) contrast(81%);
}

a.t-btn-var02 {
  display: flex;
  align-items: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: solid 1px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.88rem;
  line-height: 1;
  font-family: var(--f-font-base);
  padding-block: 0.75rem;
  filter: var(--shadow-01);
}
a.t-btn-var02::before, a.t-btn-var02::after {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  aspect-ratio: 1/1;
}

a.t-btn-var02--icon-right {
  padding-inline-start: 1rem;
  padding-inline-end: 2rem;
}
a.t-btn-var02--icon-right::after {
  right: 0.63rem;
}

a.t-btn-var02--icon-left {
  padding-inline-start: 2rem;
  padding-inline-end: 0.88rem;
}
a.t-btn-var02--icon-left::before {
  left: 0.63rem;
}

a.t-btn-var03 {
  display: flex;
  align-items: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 600;
  font-size: 1.13rem;
  line-height: 1;
  font-family: var(--f-font-base);
  gap: 0.5rem;
}
a.t-btn-var03::before {
  width: 1.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  aspect-ratio: 1/1;
}

.t-btn-icon-arrow-after::after {
  background-image: url(../images/common/icon-arrow.svg);
}

.t-btn-icon-arrow-before::before {
  transform: scaleX(-1);
  background-image: url(../images/common/icon-arrow.svg);
}

.t-btn-icon-map-before::before {
  background-image: url(../images/common/icon-map.svg);
}

.t-btn-icon-shop-before::before {
  background-image: url(../images/common/icon-shop.svg);
}

.t-btn-icon-credit-before::before {
  background-image: url(../images/common/icon-credit.svg);
}

.t-btn-left {
  margin-right: auto;
}

.t-btn-right {
  margin-left: auto;
}

/* --- info ---------------------- */
.t-information-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

a.t-information-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  border: solid 1px;
  border-radius: 6px;
  background-color: var(--btn--var02-bg);
  padding-block: clamp(20px, 2.6vw, 20px);
  padding-inline-start: clamp(20px, 2.6vw, 20px);
  padding-inline-end: clamp(40px, 5.2vw, 40px);
  gap: 0.88rem;
  filter: var(--shadow-01);
}
a.t-information-item::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translate(0, -50%);
  width: 1.25rem;
  height: auto;
  background: url(../images/common/icon-arrow-triangle.svg);
  content: "";
  aspect-ratio: 1/1;
}

.t-information-item__data-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.t-information-item__data {
  font-weight: 700;
  font-size: clamp(18px, 2.3vw, 20px);
  line-height: 1;
}

.t-information-item__title {
  display: -webkit-box;
  overflow: hidden;
  font-weight: 700;
  font-size: clamp(14px, 1.8vw, 20px);
  line-height: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

/* 詳細 */
.t-information-detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: clamp(24px, 3.1vw, 50px);
}
.t-information-detail * {
  word-break: break-all;
}

.t-information-detail__data-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.t-information-detail__data {
  font-weight: 700;
  font-size: clamp(20px, 2.6vw, 20px);
  line-height: 1;
}

.t-information-detail__title {
  font-weight: 700;
  font-size: clamp(20px, 2.6vw, 24px);
}

.t-information-detail__text {
  font-size: clamp(14px, 1.8vw, 20px);
}

/* --- tips ---------------------- */
.t-tips-var01 {
  border: solid 2px;
  border-radius: 4px;
  font-weight: 700;
  line-height: 1;
  padding-block: 0.25rem;
  padding-inline: 0.38rem;
}

.t-tips-var01--color-attention {
  border-color: var(--tips--attention-border);
  background-color: var(--tips--attention-bg);
  color: var(--tips--attention);
}

.t-tips-var01--color-var01 {
  border-color: var(--tips--var01-border);
  background-color: var(--tips--var01-bg);
  color: var(--tips--var01);
}

/* --- container ---------------------- */
.t-container-check {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: clamp(30px, 3.9vw, 30px);
  border: solid 0.25rem var(--color-03);
  border-radius: 25px;
  gap: clamp(18px, 2.3vw, 18px);
  padding-block-start: clamp(26px, 3.4vw, 40px);
  padding-block-end: clamp(20px, 2.6vw, 20px);
  padding-inline: clamp(20px, 2.6vw, 30px);
}
.t-container-check::before {
  display: block;
  position: absolute;
  top: clamp(-30px, -3.9vw, -60px);
  left: clamp(10px, 1.3vw, 20px);
  width: clamp(100px, 13vw, 130px);
  height: auto;
  background-image: url(../images/common/icon-check.webp);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  aspect-ratio: 130/60;
}

/* --- head ---------------------- */
.t-head-section-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  width: 100%;
  gap: 0.5rem;
}

.t-head-section-wrapper--var01 p::before {
  margin-right: 1rem;
  font-size: 1em;
  content: "-";
}
@media (min-width: 769px) {
  .t-head-section-wrapper--var01 {
    flex-direction: row;
    align-items: center;
  }
}

.t-head-section {
  font-weight: 900;
  line-height: 1;
  font-family: var(--f-font-base);
}

.t-head-section--var01 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.t-head-section--var01::after {
  display: block;
  width: clamp(130px, 16.9vw, 154px);
  height: auto;
  background-image: url(../images/common/icon-fair.webp);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  aspect-ratio: 154/70;
}

.t-head-border-bottom {
  width: 100%;
  border-bottom: solid 2px;
  font-weight: 700;
  line-height: 1;
  font-family: var(--f-font-base);
  padding-block-end: clamp(10px, 1.3vw, 20px);
}

/* --- coming-soon  ---------------------- */
.t-coming-soon {
  display: inline-block;
  display: flex;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  pointer-events: none;
}
.t-coming-soon > a,
.t-coming-soon > * {
  filter: brightness(0.5);
}
.t-coming-soon::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 1rem;
  content: "coming soon";
}

/* --- scroll ---------------------- */
.js-no-scroll-pc-content {
  scroll-behavior: smooth;
}

/* --- fade-in ---------------------- */
.js-fade-in {
  opacity: 0;
  transform: translateY(50px);
  transition: 1s;
}

.js-fade-in.is-visible {
  opacity: 1;
  transform: translateY(0px);
}

/* --- to-top ---------------------- */
.js-scroll-to-top {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
  transition: opacity 0.3s ease;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.123));
}
.js-scroll-to-top::after {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  background-image: url(../images/common/icon-arrow-top.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.js-scroll-to-top--bottom-margin {
  bottom: 100px;
}

.js-scroll-to-top.is-hidden {
  opacity: 0;
  pointer-events: none;
}

/* ==================================================
header/footer
================================================== */
/* --- header ---------------------- */
#header {
  display: contents;
}

@media (min-width: 769px) {
  #is-header {
    min-height: 70px;
  }
}

.t-header {
  position: sticky;
  top: 0;
  z-index: 100;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.0823529412));
}

[id^=n-]:target {
  scroll-margin: 55px;
}
@media (min-width: 769px) {
  [id^=n-]:target {
    scroll-margin: 80px;
  }
}

.t-global-nav {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 999;
  height: clamp(50px, 5.2vw, 70px);
  background: var(--bg-gradation-01);
  padding-inline: clamp(12px, 2.6vw, 40px);
  gap: clamp(14px, 2.6vw, 38px);
}

a.t-global-nav__logo {
  display: flex;
  align-items: center;
  width: clamp(130px, 16.9vw, 200px);
}

.t-global-nav__list {
  display: flex;
  justify-content: flex-end;
  list-style: none;
  z-index: 0;
  margin-left: auto;
  gap: clamp(38px, 4.9vw, 38px);
}

@media (max-width: 769px) {
  .t-global-nav__list {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
    background: var(--bg-gradation-02);
    transition: translate 0.5s ease;
    padding-block-start: 10rem;
    padding-inline-end: 2rem;
    translate: 0 -100%;
  }
  .t-global-nav__list.is-open {
    translate: 0 0;
  }
}
.t-global-nav__item {
  color: var(--color-02);
}

@media (max-width: 768px) {
  .t-global-nav__item {
    display: flex;
    justify-content: center;
  }
  .t-global-nav__item a {
    font-size: 1.5rem;
  }
}
/* ハンバーガーメニュー */
.t-global-nav__hamburger {
  margin-left: auto;
}
@media (min-width: 769px) {
  .t-global-nav__hamburger {
    display: none;
  }
}

.t-global-nav__close-btn {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transition: 0.3s;
  pointer-events: none;
}
@media (min-width: 769px) {
  .t-global-nav__close-btn {
    display: none;
  }
}

.t-header:has(.is-open) .t-global-nav__close-btn {
  opacity: 1;
  pointer-events: auto;
}

.t-nav-overlay-wrapper,
#nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(100%);
}

.t-nav-overlay-wrapper:has(#t-nav-overlay.is-open) {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translateY(0);
  width: 100vw;
  height: 100vh;
  transition: 0.5s;
  pointer-events: none;
}

#t-nav-overlay.is-open {
  display: block;
  z-index: 1;
  width: 100vw;
  height: 25vh;
  background: linear-gradient(to top, #d7dfc6 0%, transparent 100%);
  pointer-events: auto;
}

html:has(#t-nav-overlay.is-open) {
  overflow: hidden !important;
  background-color: #3b3b3b;
  scrollbar-gutter: stable;
}

/* --- nav-foot ---------------------- */
.t-nav-foot-wrapper {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100vw;
  background: var(--bg-gradation-01);
}
@media (min-width: 769px) {
  .t-nav-foot-wrapper {
    display: none;
  }
}

.t-nav-foot {
  display: flex;
}

.t-nav-foot__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% / 5);
  height: 70px;
}
.t-nav-foot__item:not(:last-child) {
  border-right: solid 1px var(--color-02);
}

.t-nav-foot__item span {
  filter: brightness(0) saturate(100%) invert(87%) sepia(64%) saturate(36%) hue-rotate(309deg) brightness(102%) contrast(108%);
}

.t-nav-foot__item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--color-02);
  font-weight: 700;
  font-size: 0.75rem;
  font-family: var(--f-font-base);
  text-align: center;
  gap: 0.2rem;
}

.t-nav-foot__item--text-size-large a {
  font-size: 1.25rem;
}

/* --- breadcrumbs ---------------------- */
.t-breadcrumbs-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  padding-block: 1.25rem;
}

.t-breadcrumbs {
  display: flex;
  width: 100%;
  max-width: 350px;
  gap: 1rem;
}
@media (min-width: 769px) {
  .t-breadcrumbs {
    max-width: 1200px;
  }
}
.t-breadcrumbs li:not(:last-child) {
  display: flex;
  gap: 1rem;
}
.t-breadcrumbs li:not(:last-child)::after {
  content: ">";
}

.t-breadcrumbs__item,
.t-breadcrumbs__item a {
  color: var(--btn--var02);
  font-size: clamp(14px, 1.8vw, 18px);
  font-family: var(--f-font-base);
}

.t-breadcrumbs__item a:hover {
  opacity: 0.3s;
  transition: 0.3s;
}

/* ==================================================
個別要素-top
================================================== */
/* --- mv ---------------------- */
#js-theme-mv-pc,
#js-theme-mv-sp {
  opacity: 0;
}

#js-theme-mv-pc.is-active,
#js-theme-mv-sp.is-active {
  opacity: 1;
  transition: opacity 0.8s ease;
  transition-delay: 0.2s;
}

/* --- shops ---------------------- */
.t-shops-map {
  width: clamp(230px, 29.9vw, 300px);
  margin: 0 auto;
}

/* --- access ---------------------- */
.t-access {
  display: flex;
  flex-wrap: wrap;
  counter-reset: item;
}
.t-access li {
  counter-increment: item;
}
.t-access li p {
  margin-left: 1.5em;
  text-indent: -1.3em;
}
.t-access li p::before {
  content: counter(item) ". ";
}

.t-access-item {
  width: calc(100% / 2.2);
}
@media (min-width: 769px) {
  .t-access-item {
    width: calc(100% / 4.4);
  }
}

/* --- members-card ---------------------- */
.t-members-card-pic {
  width: clamp(170px, 22.1vw, 350px);
}

/* ==================================================
個別要素-taipei
================================================== */
.t-shop-photo-wrapper {
  gap: clamp(25px, 3.3vw, 50px);
}

.t-shop-photo {
  width: clamp(350px, 45.6vw, 580px);
}

.t-shop-sns {
  display: flex;
}

.t-shop-sns__icon {
  width: clamp(30px, 3.9vw, 40px);
}

/* ///// responsive ///////////////////////////////// */
.sp {
  display: none;
}

.pc {
  display: block;
}

.br_pc {
  display: block;
}

@media (max-width: 769px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  .br {
    display: block;
  }
  .br_pc {
    display: none;
  }
}