/** Shopify CDN: Minification failed

Line 512:0 All "@import" rules must come first

**/
slider-main-component {
  display: block;
}

.gift-card-wrapper {
  padding: 40px;
  background-color: rgba(var(--color-background-foreground));
  border-radius: 20px;
  max-width: 668px;
  margin: 22px auto;
}

.gift-card-logo {
  margin-bottom: 20px;
}

.gift-card-gift-img img {
  display: inline-block;
  margin-bottom: 10px;
}

.price-gift-card {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-right: 10px;
}

.gift-card-price {
  display: grid;
  gap: 20px;
  margin-bottom: 26px;
}

.gift-card__remaining-price {
  display: inline-block;
  padding: 6px 20px;
  border-radius: 20px;
  border: 1px solid rgba(var(--color-text));
}

.gift-card-qrcode .gift-card-number {
  font-size: 20px;
  border: 0;
  font-weight: bold;
  background-color: transparent;
  text-align: center;
}

.gift-card-qrcode .gift-card-copy-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background-color: rgba(var(--color-background));
  border-radius: 40px;
  border: 0;
}

.gift-card__qr-code {
  margin: 20px 0;
}

.gift-card__qr-code img {
  display: block;
  margin: auto;
}

.print-link-wrapper button {
  cursor: pointer;
  padding: 0;
  border: 0;
  margin-top: 12px;
}

/* -----------------------------------------------------------------------------*/
/* 20260605 ↓商品カード画像上に表示するカスタム商品ラベル */
.product-card-image {
  position: relative;
}

.custom-product-label {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 6;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background: #ffffff;
  color: #333333;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
/* 20260605 ↑ */
/* -----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------*/
/* 20260605 Sold outバッジの色変更 */
.badge-sold-out {
  background: #4b2e1f !important; /* チョコレートブラウン */
  color: #ffffff !important;      /* 文字色：白 */
}
/* -----------------------------------------------------------------------------*/


/* -----------------------------------------------------------------------------*/
/* 20260605 トップスライド画像：頭が切れない範囲で少し上を詰める */
.section-slideshow .slideshow-img .slideshow-image,
.slideshow-img .slideshow-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 25% !important;
}
/* -----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------*/
/* 20260611 源流明朝フォント読み込み */
@font-face {
  font-family: "GenRyuMincho";
  src: url("/cdn/shop/files/GenRyuMin2JP-R.otf?v=1781187493") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* -----------------------------------------------------------------------------*/


/* -----------------------------------------------------------------------------*/
/* 20260611 トップページ：Scrolling content media 調整 */
/* 要望対応：
   ・左側テキストを左上寄りへ移動
   ・右側テキストを右下寄りへ移動
   ・左側は一回り小さく
   ・右側は二回り小さく
   ・フォントは源流明朝
   ・文字色は黒
*/

/* PC表示のみ調整 */
@media screen and (min-width: 768px) {

  /* 左側テキスト：左上寄りへ移動 */
  .scrolling-content-box.scrolling-content-left {
    transform: translate(100px, 10px) !important;
    width: 620px !important;
    max-width: 620px !important;
    text-align: left !important;
  }

  /* 右側テキスト：右下寄りへ移動 */
  .scrolling-content-box.scrolling-content-right {
    left: auto !important;
    right: 4% !important;
    width: 520px !important;
    max-width: 520px !important;
    text-align: left !important;
    transform: translate(100px, -100px) !important;
  }

  /* 共通：源流明朝＋黒文字 */
  .scrolling-content-box h1,
  .scrolling-content-box h2,
  .scrolling-content-box h3,
  .scrolling-content-box p,
  .scrolling-content-title,
  .scrolling-content-desc,
  .scrolling-content-desc * {
    font-family: "GenRyuMincho", "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif !important;
    color: #000000 !important;
    filter: none !important;
    background: transparent !important;
    text-shadow: none !important;
  }

  /* 左側テキスト：一回り小さく */
  .scrolling-content-box.scrolling-content-left .scrolling-content-title,
  .scrolling-content-box.scrolling-content-left .scrolling-content-desc,
  .scrolling-content-box.scrolling-content-left .scrolling-content-desc * {
    font-size: 30px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }

  /* 右側テキスト：二回り小さく */
  .scrolling-content-box.scrolling-content-right .scrolling-content-title,
  .scrolling-content-box.scrolling-content-right .scrolling-content-desc,
  .scrolling-content-box.scrolling-content-right .scrolling-content-desc * {
    font-size: 26px !important;
    line-height: 1.6 !important;
    text-align: left !important;
  }

  /* タイトル */
  .scrolling-content-title {
    font-weight: 400 !important;
    letter-spacing: 0.04em !important;
  }

  /* 説明文 */
  .scrolling-content-desc,
  .scrolling-content-desc p {
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
  }

  /* 文章下の余白 */
  .scrolling-content-desc {
    margin-bottom: 20px !important;
  }

  /* SHOP NOWボタン */
  .scrolling-content-box .button,
  .scrolling-content-box a.button {
    transform: none !important;
    margin-top: 0 !important;
  }

  /* ボタン左揃え */
  .scrolling-content-box.scrolling-content-left .button,
  .scrolling-content-box.scrolling-content-left a.button,
  .scrolling-content-box.scrolling-content-right .button,
  .scrolling-content-box.scrolling-content-right a.button {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}


/* スマホ表示は崩れ防止 */
@media screen and (max-width: 767px) {

  .scrolling-content-box.scrolling-content-left,
  .scrolling-content-box.scrolling-content-right {
    transform: none !important;
    left: 20px !important;
    right: 20px !important;
    width: auto !important;
    max-width: none !important;
    text-align: left !important;
  }

  .scrolling-content-box .scrolling-content-title,
  .scrolling-content-box .scrolling-content-desc,
  .scrolling-content-box .scrolling-content-desc * {
    font-family: "GenRyuMincho", "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif !important;
    color: #000000 !important;
    font-size: 22px !important;
    line-height: 1.5 !important;
    text-shadow: none !important;
  }
}
/* 源流明朝を細めに固定 */
.scrolling-content-box .scrolling-content-title,
.scrolling-content-box .scrolling-content-desc,
.scrolling-content-box .scrolling-content-desc *,
.scrolling-content-box h1,
.scrolling-content-box h2,
.scrolling-content-box h3,
.scrolling-content-box p {
  font-family: "GenRyuMincho", serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
}
/* -----------------------------------------------------------------------------*/


/* -----------------------------------------------------------------------------*/
/* 20260607 ポリシーページのタイトルサイズ調整 */
.shopify-policy__title h1 {
  font-size: 40px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 32px !important;
}

/* ポリシーページ本文の幅・文字サイズ調整 */
.shopify-policy__container {
  max-width: 900px !important;
}

.shopify-policy__body {
  font-size: 15px !important;
  line-height: 1.9 !important;
}

/* スマホ用 */
@media screen and (max-width: 749px) {
  .shopify-policy__title h1 {
    font-size: 30px !important;
  }

  .shopify-policy__body {
    font-size: 14px !important;
  }
}
/* -----------------------------------------------------------------------------*/


/* -----------------------------------------------------------------------------*/
/* 20260608 トップページ Tintロゴ画像化 */

.slideshow-content,
.slideshow-content-inner,
.slideshow-text,
.slideshow-heading {
  overflow: visible !important;
}

/* 元の見出し文字を消す */
.slideshow-heading {
  font-size: 0 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;

  width: 420px !important;
  height: 190px !important;

  margin-top: -25px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}

/* Canvaで作ったTint画像を表示 */
.slideshow-heading::before {
  content: "";
  display: block;

  width: 420px !important;
  height: 190px !important;

  background-image: url('/cdn/shop/files/Tint_bold.png?v=1780918896');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

/* 説明文の位置 */
.slideshow-description {
  margin-top: -10px !important;
}

/* スマホ調整 */
@media screen and (max-width: 749px) {
  .slideshow-heading {
    width: 300px !important;
    height: 140px !important;
    margin-top: -15px !important;
    margin-bottom: 0 !important;
  }

  .slideshow-heading::before {
    width: 300px !important;
    height: 140px !important;
  }

  .slideshow-description {
    margin-top: -8px !important;
  }
}

/* -----------------------------------------------------------------------------*/


/* -----------------------------------------------------------------------------*/
/* お問い合わせフォーム：送信完了メッセージ */
.contact-success-message {
  font-size: 18px !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
  text-align: center !important;
  margin: 24px 0 20px !important;
  letter-spacing: 0.03em !important;
}

@media screen and (max-width: 749px) {
  .contact-success-message {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }
}
/* -----------------------------------------------------------------------------*/


/* -----------------------------------------------------------------------------*/
/* 20260610 mobile：Scrolling content media 横はみ出し防止 */
/* PC用の大きな幅・translate指定がスマホに効いて横スクロールが出るのを防ぐ */

@media screen and (max-width: 749px) {

  html,
  body {
    overflow-x: hidden !important;
  }

  .scrolling-content-media,
  .scrolling-content-media * {
    box-sizing: border-box !important;
  }

  .scrolling-content-box,
  .scrolling-content-box.scrolling-content-left,
  .scrolling-content-box.scrolling-content-right {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    left: 16px !important;
    right: auto !important;
    transform: none !important;
    text-align: left !important;
  }

  .scrolling-content-title,
  .scrolling-content-box.scrolling-content-left .scrolling-content-title,
  .scrolling-content-box.scrolling-content-right .scrolling-content-title {
    font-size: 22px !important;
    line-height: 1.55 !important;
    letter-spacing: 0.04em !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }

  .scrolling-content-desc,
  .scrolling-content-desc p,
  .scrolling-content-desc *,
  .scrolling-content-box.scrolling-content-left .scrolling-content-desc,
  .scrolling-content-box.scrolling-content-left .scrolling-content-desc *,
  .scrolling-content-box.scrolling-content-right .scrolling-content-desc,
  .scrolling-content-box.scrolling-content-right .scrolling-content-desc * {
    font-size: 16px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.03em !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }

  .scrolling-content-box .button,
  .scrolling-content-box a.button {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/* -----------------------------------------------------------------------------*/
/* 20260610 mobile：4カテゴリ画像 / Overlay collection banner 表示位置調整 */
/* 4つのカテゴリ画像をスマホで見切れにくくする */

@media screen and (max-width: 749px) {

  .overlay-banner-bg,
  .overlay-banner-bg .media-wrapper,
  .overlay-banner-bg .media-wrapper img {
    width: 100% !important;
    height: 100% !important;
  }

  .overlay-banner-bg .media-wrapper {
    overflow: hidden !important;
  }

  .overlay-banner-bg .media-wrapper img {
    object-fit: cover !important;
  }

  /* 1枚目：Best Seller */
  .overlay-banner-bg[data-index="1"] .media-wrapper img {
    object-position: 30% center !important;
  }

  /* 2枚目：HighLight */
  .overlay-banner-bg[data-index="2"] .media-wrapper img {
    object-position: 85% center !important;
  }

  /* 3枚目：InnerColour */
  .overlay-banner-bg[data-index="3"] .media-wrapper img {
    object-position: 20% center !important;
  }

  /* 4枚目：Supplies */
  .overlay-banner-bg[data-index="4"] .media-wrapper img {
    object-position: 40% center !important;
  }
}

/* -----------------------------------------------------------------------------*/





/* -----------------------------------------------------------------------------*/
/* 20260611 コレクションページ見出し：Products 商品一覧 */

/* Bellefair 読み込み */
@import url('https://fonts.googleapis.com/css2?family=Bellefair&display=swap');

/* 源流明朝 読み込み */
@font-face {
  font-family: "GenRyuMincho";
  src: url("/cdn/shop/files/GenRyuMin2JP-R.otf?v=1781187493") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 見出し全体 */
.collection-custom-title {
  display: flex !important;
  align-items: baseline !important;
  gap: 18px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

/* 英語：Bellefair */
.collection-custom-title .collection-title-en {
  font-family: "Bellefair", serif !important;
  font-size: 64px !important;
  font-weight: 400 !important;
  letter-spacing: 0.03em !important;
  color: #000000 !important;
}

/* 日本語：源流明朝 */
.collection-custom-title .collection-title-ja {
  font-family: "GenRyuMincho", "Yu Mincho", "游明朝", serif !important;
  font-size: 42px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  color: #000000 !important;
}

/* スマホ調整 */
@media screen and (max-width: 767px) {
  .collection-custom-title {
    gap: 10px !important;
    flex-wrap: wrap !important;
  }

  .collection-custom-title .collection-title-en {
    font-size: 42px !important;
  }

  .collection-custom-title .collection-title-ja {
    font-size: 28px !important;
  }
}

/* -----------------------------------------------------------------------------*/




/* -----------------------------------------------------------------------------*/
/* 20260612 トップページ Rich text：英語 Bellefair / 日本語 源流明朝 */

/* 英語：Bellefair */
#shopify-section-template--18729640919099__richtext_3irMKK .rich-text-title,
#shopify-section-template--18729640919099__richtext_3irMKK h2,
#shopify-section-template--18729640919099__richtext_3irMKK [class*="title"],
#shopify-section-template--18729640919099__richtext_3irMKK [class*="heading"] {
  font-family: "Bellefair", serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
}

/* 日本語：源流明朝 */
#shopify-section-template--18729640919099__richtext_3irMKK .rich-text-paragraph,
#shopify-section-template--18729640919099__richtext_3irMKK .rich-text-paragraph *,
#shopify-section-template--18729640919099__richtext_3irMKK [class*="description"],
#shopify-section-template--18729640919099__richtext_3irMKK [class*="description"] *,
#shopify-section-template--18729640919099__richtext_3irMKK p {
  font-family: "GenRyuMincho", serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
}

/* 日本語の行間 */
#shopify-section-template--18729640919099__richtext_3irMKK p {
  line-height: 1.8 !important;
  margin-bottom: 0.4em !important;
}

/* -----------------------------------------------------------------------------*/



/* -----------------------------------------------------------------------------*/
/* 20260612 トップページ：中央の Collection 見出しを Bellefair に変更 */
.featured-collection .section-heading-title,
.featured-collection .section-title,
.featured-collection h2,
.featured-collection h3,
.featured-collection .heading-title,
.featured-collection .section-heading h2,
.featured-collection .section-heading h3 {
  font-family: "Bellefair", serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  color: #000000 !important;
}


#shopify-section-template--18729640919099__featured_collection_t7apDf .heading-main.h4,
#shopify-section-template--18729640919099__featured_collection_t7apDf section-heading .heading-main,
.section-featured-collection .heading-main.h4,
.section-featured-collection section-heading .heading-main {
  font-family: "Bellefair", serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  color: #000000 !important;
}
/* -----------------------------------------------------------------------------*/



/* -----------------------------------------------------------------------------*/
/* 20260612 コレクションページ：背景をグレージュに統一 */

/* コレクションページ全体 */
body:has(.collection-grid-section),
body:has(.collection-grid-section) #MainContent,
body:has(.collection-grid-section) .shopify-section,
body:has(.collection-grid-section) .section-space,
body:has(.collection-grid-section) .collection-card,
body:has(.collection-grid-section) .collection,
body:has(.collection-grid-section) .collection-grid,
body:has(.collection-grid-section) .product-contain {
  background: #f5f0eb !important;
  background-color: #f5f0eb !important;
}

/* 上部のタイトルエリア */
body:has(.collection-grid-section) .hero-media-section,
body:has(.collection-grid-section) .hero-media-content,
body:has(.collection-grid-section) .hero-media-content-inner {
  background: #f5f0eb !important;
  background-color: #f5f0eb !important;
}

/* 絞り込みエリアもグレージュ */
body:has(.collection-grid-section) facet-sidebar,
body:has(.collection-grid-section) .facet-sidebar-container,
body:has(.collection-grid-section) .facets,
body:has(.collection-grid-section) .facets-wrapper,
body:has(.collection-grid-section) .facets-details-wrapper,
body:has(.collection-grid-section) .facets-accordion,
body:has(.collection-grid-section) .facets-accordion-content,
body:has(.collection-grid-section) .facets-summary {
  background: #f5f0eb !important;
  background-color: #f5f0eb !important;
}

/* 商品カードの外側はグレージュ、カード自体は白のまま */
body:has(.collection-grid-section) .product-card-grid {
  background: #f5f0eb !important;
  background-color: #f5f0eb !important;
}

/* 商品カードは白で残す */
body:has(.collection-grid-section) .product-card,
body:has(.collection-grid-section) .product-card-item,
body:has(.collection-grid-section) .product-card-wrapper {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* -----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------*/
/* 20260612 検索カードの白い外枠を透明化 */

facets-filter-drawer .drawer-inner-card,
facets-filter-drawer .drawer-container,
facets-filter-drawer .drawer-body,
facets-filter-drawer .drawer-content-contain,
facets-filter-drawer facet-sidebar.facet-sidebar-container,
facets-filter-drawer #SidebarfacetForm,
facets-filter-drawer .sidebar__form {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 検索欄の中身はグレージュ */
facets-filter-drawer .facets-details-wrapper,
facets-filter-drawer .facets-accordion,
facets-filter-drawer .facets-summary,
facets-filter-drawer .facets-accordion-content,
facets-filter-drawer .rg-product-label-filter,
facets-filter-drawer .facets-filters-options,
facets-filter-drawer .facets-filters-options-item {
  background: #f5f0eb !important;
  background-color: #f5f0eb !important;
}

/* -----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------*/
/* 20260612 絞り込み欄：チェックボックス・矢印の白背景をグレージュ化 */

/* 下矢印の白い四角 */
.facets-summary .facets-arrow,
.facets-summary .facets-arrow svg,
.facets-summary .facets-filter-icon {
  background: #f5f0eb !important;
  background-color: #f5f0eb !important;
}

/* チェックボックス本体 */
.facets-filters-options input[type="checkbox"],
.facets-filters-options .checkbox,
.sidebar__form input[type="checkbox"],
.sidebar__form .checkbox {
  background: #f5f0eb !important;
  background-color: #f5f0eb !important;
  border: 1px solid #000000 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* チェックボックスのサイズと形 */
.facets-filters-options input[type="checkbox"],
.sidebar__form input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 4px !important;
}

/* チェックされた時 */
.facets-filters-options input[type="checkbox"]:checked,
.sidebar__form input[type="checkbox"]:checked {
  background: #4b2d1f !important;
  background-color: #4b2d1f !important;
  border-color: #4b2d1f !important;
}

/* -----------------------------------------------------------------------------*/