/** Shopify CDN: Minification failed

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

**/
/* Use this file to add custom css to the theme. */
.contact__success {
  color: #179FFF;
  text-align: center;
  font-weight: 700;
}

/* TOPページ */
.index #shopify-section-184f71c2-d5d9-4ab2-a46b-a0599daa3f2b{
  cursor: default;
}
.index #shopify-section-184f71c2-d5d9-4ab2-a46b-a0599daa3f2b .collage__block{
  padding-top: 56.25%;
}
@media (max-width: 960px){
  .index #shopify-section-184f71c2-d5d9-4ab2-a46b-a0599daa3f2b{
    padding: 0;
  }
}

/* 商品ページテーブル */
.table-scroll {
  overflow-x: scroll;
  paddinng: 0 0 10px;
}
/* スクロールバーの幅と高さを設定する */
.table-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* スクロールバーの形を設定する */
.table-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
}
/* スクロールバーの色を設定する */
.table-scroll::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color: #ccc;
}

/* 在庫切れのバリエーションをクリックできないように */
.product-form__chip.opt-sold-out {
  opacity: 0.2;
  pointer-events: none;
  background-color: var(--color-background-pill);
  color: #000;
}
/* 補足説明文追加 */
.supplement {
  font-size: 11px;
  margin: -10px 0 20px;
}

/* 商品説明文追加 */
.product-single__subdesc{
  margin: 10px 0;
}
.product-single__subdesc ._title{
  font-weight: 700;
}
.product-single__subdesc ._title+p{
  margin-top: 0;
}

/* 商品画像下 alt */
.product__media-item .caption{
  padding: 10px;
  font-size: 12px;
  text-align: center;
}
@media (max-width: 959px){
  .product__media-item .caption{
    padding: 5px;
    font-size: 10px;
  }
}
/* 商品画像下 在庫○△×表示 */
.product__media-item .stock{
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product__media-item .stock .stock-label{
  font-size: 11px;
  white-space: nowrap;
}
.product__media-item .stock .stock-list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  padding-left: 5px;
  margin: 0;
}
.product__media-item .stock .stock-list>li{
  margin-left: 5px;
  background-color: #f5f5f5;
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 20px;
  white-space: nowrap;
  margin-top: 1px;
}
@media (max-width: 959px){
  .product__media-item .stock{
    padding: 5px;
  }
  .product__media-item .stock .stock-label{
    font-size: 10px;
  }
  .product__media-item .stock .stock-list>li{
    font-size: 10px;
    padding: 2px 7px;
  }
}



/* 商品リスト バッジ表示 (POP UP 限定商品) */
.product-item__media{
  position: relative;
}
.product-item__text h4{
  font-size: 12px;
  line-height: 1.75;
}
.product-item__text .custom-tax{
  font-size: 10px;
}
.custom-proitem-badge{
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.custom-proitem-badge>li{
  width: 18.6%;
}
.custom-proitem-badge>li img{
  display: block;
  width: 100%;
}
@media (max-width: 959px){
  .custom-proitem-badge>li{
    width: 23.5%;
  }
}
/* */
.custom-collection-header{
  padding: 20px 0;
}
.custom-collection-header-ttl{
  font-size: 24px;
}
/* */
.custom-collection-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.custom-collection-grid .grid__item{
  width: 100%;
  padding: 0;
}
/* */
.custom-collection-mv {
  position: relative;
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
  padding: 30px;
  background: #ddd;
}
.custom-collection-mv-img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.custom-collection-mv-img img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.custom-collection-mv-ttl{
  position: relative;
  margin: 20px 0 0 20px;
  font-size: 24px;
  color: #fff;
}
@media (max-width: 639px){
  .custom-collection-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 0 6px;
  } 
  .custom-collection-mv {
    aspect-ratio: 350 / 420;
  }
  .custom-collection-mv-ttl{
    font-size: 21px;
  }
}
/* custom-tax */
.custom-tax{
  margin-left: 2px;
  font-size: 12px;
}
/* custom-buybutton-popup */ 
.custom-buybutton-popup{
  padding-top: 40px;
  padding-bottom: 20px;
  margin-top: 40px;
  border-top: 1px solid #eaeaea;
}
.custom-buybutton-popup-lead{
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.54;
}
.btn.custom-buybutton-popup-btn{
  margin-top: 20px;
  background-color: #333;
  border-color: #333;
}
.btn.custom-buybutton-popup-btn:not([disabled]):hover{
  background-color: #555;
  border-color: #555;
}

/* ===== Loading Screen (TAION EXTRA) ===== */
:root {
  --loader-fade-duration: 900ms;
}

html.loader-lock {
  overflow: hidden;
}

#loading-screen {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #fff;               /* 白背景 */
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity var(--loader-fade-duration) ease;
}

#loading-screen.is-hidden {
  opacity: 0;
  pointer-events: none;
}

#loading-screen video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;              /* 16:9を維持しつつ、スマホは縦100%で左右トリミング */
  object-position: center;
  display: block;
}

/* =========================================================
   TAION EXTRA / Ira 5.2.1
   Slideshow hard-fix (Flickity構造に最適化)
   ========================================================= */

/* --- Font Jost 読み込み--- */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap');


/* CTAボタン角丸0 */
.flickity-enabled .block-overlay .btn,
.flickity-enabled .block-overlay a.btn,
.flickity-enabled .block-overlay .btn.btn--primary,
.flickity-enabled .block-overlay .button,
.flickity-enabled .block-overlay a.button {
  border-radius: 0 !important;
}