/** Shopify CDN: Minification failed

Line 65:0 Unexpected "}"

**/
/* ==========================================
  retuneページ共通
========================================== */
.page-retune {
  background-color: #F9F7F1;
}

/* ==========================================
  共通パーツ
========================================== */
.button {
  /*font-family: 'GFS Didot', serif;*/
  padding: 2px 10px 0;
}

.color-swatch {
  width: 1.2rem;
  height: 1.2rem;
}

.text-subdued {
  color: var(--text-color);
}

[class*="cs-"] a:not(.link, .link-faded, .link-faded-reverse, .button) {
  transition: opacity .22s ease-in-out;
}
@media screen and (pointer: fine) {
  [class*="cs-"] a:not(.link, .link-faded, .link-faded-reverse, .button):hover {
    opacity: .75;
  }
}

.retune-product-card__media {
  display: block;
}

.retune-product-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  transition: opacity .2s ease-in-out;
}

.retune-product-card__content-wrapper {
  padding: 0 .2rem;
  margin-top: .3rem;
}

.retune-product-card__title {
  display: block;
  color: inherit;
  text-decoration: none;
  font-family: 'gotham', 'yu-gothic-pr6n', sans-serif !important;
}



}

.retune-product-card__swatches {
  margin: .5rem 0 0;
  padding: 0;
  border: 0;
}
.retune-product-card__swatches .color-swatch {
  border-radius: var(--rounded-full);
}

.retune-product-card__badge {
  display: block;
  margin-top: .5rem;
  /*font-family: 'GFS Didot', serif;*/
  font-size: var(--text-sm);
}
.retune-product-card__badge::before {
  content: '｜';
}
.retune-product-card__badge::after {
  content: '｜';
}



@media (max-width: 767px) {
  .retune-product-card__title {
    font-size:12px;
  }
}

/* ==========================================
  トップメッセージ
========================================== */
.cs-top-message {
  padding: 0.6rem;
  border-block: 0.5px solid #231815;
  text-align: center;
}
@media (min-width: 768px) {
  .cs-top-message {
    padding: 1rem 1.5rem;
  }
}

.cs-top-message__container {
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 45px;
    max-width: 397px;
}
@media (min-width: 768px) {
  .cs-top-message__container {
    max-width: unset;
    width: fit-content;
    padding-left: 15px;
    padding-right: 15px;
  }
}


.cs-top-message__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.cs-top-message__heading {
  font-size: 11px;
}
@media (min-width: 768px) {
  .cs-top-message__heading {
    font-size: 13px;
  }
}

.cs-top-message__text {
  margin: 0;
  font-size: 11px;
}
@media (min-width: 768px) {
  .cs-top-message__text {
    font-size: 13px;
    margin-top: 8px;
    margin-block-start: 0 !important;
  }
}

/* ==========================================
  retuneトップメッセージ
========================================== */
.cs-retune-top-message {
  text-align: center;
}

.cs-retune-top-message__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.cs-retune-top-message__text {
  margin: 0;
  /*font-family: 'GFS Didot', serif;*/
  font-style: italic;
  font-size: 9px;
  white-space: pre-line;
}
@media (min-width: 768px) {
  .cs-retune-top-message__text {
    font-size: 10px;
  }
}

/* ==========================================
  バナースライド
========================================== */
.cs-banner-slides {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--cs-banner-slides-item-width);
  gap: var(--cs-banner-slides-gap);
  scroll-snap-type: x mandatory;
  padding-left: 10px;
  padding-right: 10px;

}

.cs-banner-slides__item {
  scroll-snap-align: center;
}
@media (min-width: 768px) {
  .cs-banner-slides__item {
    scroll-snap-align: start;
  }
}

.cs-banner-slides__item img {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

.cs-banner-slides__link {
  display: block;
}

/* ==========================================
  stinaコレクション
========================================== */
.collection-container {
  margin-inline: 0;
}
@media (min-width: 768px) {
  .collection-container {
    margin-inline: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
  }
}

.cs-stina-collection__heading {
  /*font-family: 'GFS Didot', serif;*/
  font-size:24px;
}

.cs-stina-collection__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:1rem 1.5rem;
  margin-top: 1.2rem;
}
@media (min-width: 768px) {
  .cs-stina-collection__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .cs-stina-collection__grid {
    margin-top: 2rem;
  }
}
@media (min-width: 1000px) {
  .cs-stina-collection__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.cs-stina-collection__media {
  display: block;
}

.cs-stina-collection__image {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  transition: opacity .2s ease-in-out;
}

.cs-stina-collection__info {
  margin-top: .3rem;
  padding: 0 10px;
}


@media (max-width: 999px) {
.cs-stina-collection__item:nth-child(odd) .cs-stina-collection__info {
      padding: 0 0 0 10px !important;
}

.cs-stina-collection__item:nth-child(even) .cs-stina-collection__info {
      padding: 0 10px 0 0 !important;
}

.cs-stina-collection__item:nth-child(odd) .product-title {

}

.cs-stina-collection__item:nth-child(even) .product-title {

}


}

  .cs-stina-collection__info .product-title{
    font-size:13px;
    font-size:10px;
  }

.cs-stina-collection__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0;
}

/* 色玉は左寄せ */
.cs-stina-collection__meta .cs-color-tip {
  justify-content: flex-start;
  margin-right: auto;
}

/* タグ群は1つにまとめて右寄せ（複数タグでも中央に散らばらない） */
.cs-stina-collection__badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  margin-left: auto;
}

.cs-stina-collection__swatches {
  margin: 0;
  padding: 0;
  border: 0;
}

.cs-stina-collection__see-all {
  margin-top: 1.2rem;
  margin-right:auto;
  margin-left:auto;
  text-align: center;
  font-size: 15px;
}
@media (min-width: 768px) {
  .cs-stina-collection__see-all {
    margin-top: 1.5rem;
  }


  .cs-stina-collection__info .product-title{
    font-size:16px;
  }




}

.cs-stina-collection__see-all .link {
  background: none;
}

.cs-stina-collection__badge {
  background: #fff;
  color: inherit;
  border: 0.5px solid #231815;
  white-space: nowrap;   /* テキスト自体は折り返さない */
  flex-shrink: 0;        /* 縮んで文字が折り返るのを防ぐ */
  /* margin-left: 3px; は削除（gap で管理） */
  font-family: 'gotham' ,'yu-gothic-pr6n',sans-serif !important;
  letter-spacing:normal;
  font-size:9px;
  line-height: 1;
}


.price-list .h6{
  font-family: 'gotham' ,'yu-gothic-pr6n',sans-serif !important;
      font-size: 12px;
      font-size: 10px;
}

/* ==========================================
  ランキング
========================================== */

/*
.cs-ranking__heading {
  font-family: 'GFS Didot', serif;
}
  */


.cs-ranking__heading{
  font-size:24px;
}

.cs-ranking__grid {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  margin-inline: calc(50% - 50vw);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .cs-ranking__grid {
    gap: 1.5rem;
    margin-top: 1.5rem;
    margin-inline: 0;
  }
}

.cs-ranking__item {
  flex: 0 0 calc((100% - 1rem * 2) / 3);
  min-width: 0;
}

@media (min-width: 768px) {
  .cs-ranking__item {
    flex: 0 0 calc((100% - 1.5rem * 2) / 3);
  }
}

.cs-ranking__rank {
  display: block;
  margin-bottom: .5rem;
  margin-bottom: 0;
  font-size: 11px;
  letter-spacing: .05em;
  padding: 0 0.2rem;
}

.cs-ranking__media {
  display: block;
}

.cs-ranking__image {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  transition: opacity .2s ease-in-out;
}

.cs-ranking__content-wrapper {
  padding: 0 .2rem;
  margin-top: .625rem;
}

.cs-ranking__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .5rem;
}

.cs-ranking__swatches {
  margin: 0;
  padding: 0;
  border: 0;
}

.cs-ranking__badge {
  background: #fff;
  color: inherit;
  border: 1px solid #231815;
}


@media (max-width: 767px) {
  .cs-ranking__content-wrapper .product-title{
      font-size:12px;
      font-size:10px;
  }
}

/* ==========================================
  retuneランキング
========================================== */
.cs-retune-ranking__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.cs-retune-ranking__heading::before,
.cs-retune-ranking__heading::after {
  content: '';
  flex: 1 1 auto;
  height: 1px;
  max-width: 3rem;
  background-color: currentColor;
}

.cs-retune-ranking__grid {
  display: flex;
  gap: 0;
  margin-top: 1.5rem;
  margin-inline: calc(50% - 50vw);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}


@media (min-width: 768px) {
  .cs-retune-ranking__grid {
    gap: 1.5rem;
    margin-top: 2rem;
    margin-inline: 0;
  }
}

.cs-retune-ranking__item {
  flex: 0 0 calc(100% / 3);
  min-width: 0;
}

@media (min-width: 768px) {
  .cs-retune-ranking__item {
    flex: 0 0 calc((100% - 1.5rem * 2) / 3);
  }
}

.cs-retune-ranking__rank {
  display: block;
  margin-bottom: .2rem;
  /*font-family: 'GFS Didot', serif;*/
  font-style: italic;
  padding: 0 .2rem;
}

/* ==========================================
  カテゴリーリスト
========================================== */
.cs-category-list__container {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.cs-category-list__heading {
  font-size: 24px;
}

.cs-category-list__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9rem 1rem;
  margin-top: 1.5rem;
  padding: 0;
}

.cs-category-list__item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 0;
}


/* 列ごとの寄せ方（4列前提） */
.cs-category-list__item:nth-child(4n + 1) {
  justify-content: flex-start;
  text-align: left;
  margin-left: 20px;
}

.cs-category-list__item:nth-child(4n) {
  justify-content: flex-end;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .cs-category-list__list {
    gap: 1.2rem 1rem;
    margin-top: 2rem;
  }
}

.cs-category-list__link {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  max-width: 100%;
  letter-spacing: 0;
}

.cs-category-list__item .cs-category-list__link:hover{
    text-decoration:underline;
}

@media (max-width: 767px) {
  .cs-category-list__item .cs-category-list__link {
    font-size: 9px;
    letter-spacing: 0;
  }

  .cs-category-list__list {
    padding: 0 10px;
    gap: 0.8rem 0.5rem;
  }
}

/* ==========================================
  retuneカテゴリーリスト
========================================== */
.cs-retune-category-list__container {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.cs-retune-category-list__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.cs-retune-category-list__heading::before,
.cs-retune-category-list__heading::after {
  content: '';
  flex: 1 1 auto;
  height: 1px;
  max-width: 3rem;
  background-color: currentColor;
}

.cs-retune-category-list__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem 1.5rem;
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .cs-retune-category-list__list {
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  .cs-retune-category-list__list {
    gap: 1rem 2rem;
  }
}

.cs-retune-category-list__link {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  /*font-family: 'GFS Didot', serif;*/
  font-style: italic;
}

/* ==========================================
  retuneコンテンツ
========================================== */
.cs-retune-contents__container {
  margin-inline: 0;
}
@media (min-width: 768px) {
  .cs-retune-contents__container {
    margin-inline: max(var(--container-gutter), 50% - var(--container-xl-max-width) / 2);
  }
}

.cs-retune-contents__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 3rem;
}
.cs-retune-contents__heading::before,
.cs-retune-contents__heading::after {
  content: '';
  flex: 1 1 auto;
  height: 1px;
  max-width: 5rem;
  background-color: currentColor;
}
@media (min-width: 768px) {
  .cs-retune-contents__heading {
    margin-bottom: 6rem;
  }
}

.cs-retune-contents__wrapper-1 {
  display: flex;
  flex-direction: column;
  gap: .8rem;
}
@media (min-width: 768px) {
  .cs-retune-contents__wrapper-1 {
    flex-direction: row;
    gap: 2%;
  }
}

.cs-retune-contents__wrapper-2 {
  display: flex;
  flex-direction: row;
  gap: 2.2rem;
  flex: 1;
}
@media (min-width: 768px) {
  .cs-retune-contents__wrapper-2 {
    display: contents;
  }
}

.cs-retune-contents__item {
  position: relative;
  min-width: 0;
  flex: 1;
}

@media (min-width: 768px) {
  .cs-retune-contents__item {
    height: 100%;
  }
}
.cs-retune-contents__item--a {
  width: 87%;
  margin-left: auto;
  margin-right: 0;
}

@media screen and (min-width:768px) {
  .cs-retune-contents__item--a {
    flex: 2;
    order: 3;
    width: 100%;
    margin-left: 0;
    margin-top: 7rem;
  }
}

@media screen and (min-width:768px) {
  .cs-retune-contents__item--b {
    flex: 1;
    order: 1;
  }
}

.cs-retune-contents__item--c {
  margin-top: 40px;
}

@media screen and (min-width:768px) {
  .cs-retune-contents__item--c {
    flex: 1;
    order: 2;
    margin-top: 16rem;
    margin-right: 5%;
  }
}

.cs-retune-contents__link {
  display: block;
  color: inherit;
  text-decoration: none;
}
@media (min-width: 768px) {
  .cs-retune-contents__link {
    height: 100%;
  }
}

.cs-retune-contents__image {
  display: block;
  width: 100%;
  object-fit: cover;
}
.cs-retune-contents__item--a .cs-retune-contents__image {
  aspect-ratio: 525 / 252;
}
.cs-retune-contents__item--b .cs-retune-contents__image {
  aspect-ratio: 285 / 369;
}

.cs-retune-contents__item--c .cs-retune-contents__image {
  aspect-ratio: 262 / 342;
}

.cs-retune-contents__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  color: #fff;
  /*font-family: 'GFS Didot', serif;*/
  font-style: italic;
  font-size: 1.4rem;
  letter-spacing: .05em;
  white-space: nowrap;
}

@media screen and (min-width:1120px) {
  .cs-retune-contents__text {
    font-size: 2rem;
  }
}

.cs-retune-contents__item--a .cs-retune-contents__text {
  left: 75%;
}

/* ==========================================
  カテゴリー選択
========================================== */
.cs-select-category__heading {
  /*font-family: 'GFS Didot', serif;*/
}

.cs-select-category__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem;
}
@media (min-width: 768px) {
  .cs-select-category__list {
    gap: 1rem;
  }
}

.cs-select-category__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .1rem 1.2rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: inherit;
  text-decoration: none;
  font-size: var(--text-sm);
}

/* ==========================================
  セミオーダー
========================================== */
.cs-semi-order__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.cs-semi-order__media {
  position: relative;
  display: block;
}

.cs-semi-order__content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  text-align: center;
  pointer-events: none;
}

.cs-semi-order__heading {
  margin: 0;
  font-size: 24px;
  color: #f9ecf0;
}

@media (min-width: 768px) {
  .cs-semi-order__heading {
    font-size: 32px;
  }
}

.cs-semi-order__heading {
  margin: 0;
  /*font-family: 'GFS Didot', serif;*/
  font-size:24px;
}

.cs-semi-order__image {
  display: block;
  width: 100%;
}

.cs-semi-order__image--xs {
  aspect-ratio: 21 / 9;
  object-fit: cover;
}

.cs-semi-order__image--sm {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.cs-semi-order__image--md {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.cs-semi-order__image--lg {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* ==========================================
  エクスプレスリンク
========================================== */
.cs-express-link__link {
  display: block;
  color: inherit;
  text-decoration: none;
  text-align: center;
}

.cs-express-link__heading {
  margin: 0;
  font-size:24px;
}

.cs-express-link__arrow {
  display: block;
  font-size: .75rem;
  letter-spacing: .05em;
}

/* ==========================================
  retuneエクスプレスリンク
========================================== */
.cs-retune-express-link__link {
  display: block;
  color: inherit;
  text-decoration: none;
  text-align: center;
}

.cs-retune-express-link__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 0 0 .75rem;
}
.cs-retune-express-link__heading::before,
.cs-retune-express-link__heading::after {
  content: '';
  flex: 1 1 auto;
  height: 1px;
  max-width: 5rem;
  background-color: currentColor;
}

.cs-retune-express-link__arrow {
  display: block;
  font-size: .75rem;
  letter-spacing: .05em;
}

/* ==========================================
  マルチカラム
========================================== */
.cs-multi-column__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem 2rem;
  padding: 10px;


}



@media (min-width: 768px) {
  .cs-multi-column__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.cs-multi-column__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.cs-multi-column__text {
  margin-bottom: 10px;
  text-align: center;
}

.cs-multi-column__title {
  margin: 0rem;
  /*font-family: 'GFS Didot', serif;*/
}

.cs-multi-column__subtitle {
  margin: 0;
  font-size: 10px;
}

.cs-multi-column__image {
  display: block;
  width: 100%;
  aspect-ratio: 225 / 281;
  object-fit: cover;
}

.cs-multi-column__more {
    margin: 0;
    font-size: 10px;
    text-align: right;
    margin-top:5px;
}

/* ==========================================
  retuneマルチカラム
========================================== */
.cs-retune-multi-column__container {
  margin-inline: 0;
}
@media (min-width: 768px) {
  .cs-retune-multi-column__container {
    margin-inline: max(var(--container-gutter), 50% - var(--container-xl-max-width) / 2);
  }
}

.cs-retune-multi-column__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.3rem;
}
@media (min-width: 768px) {
  .cs-retune-multi-column__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.cs-retune-multi-column__item {
  position: relative;
}

.cs-retune-multi-column__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.cs-retune-multi-column__image {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.cs-retune-multi-column__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  color: #fff;
  font-size: 20px;
  letter-spacing: .05em;
  white-space: nowrap;
}

@media screen and (min-width:750px) {
  .cs-retune-multi-column__text {
    font-size: 20px;
  }
}

/* ==========================================
  ニュース
========================================== */
.cs-news__heading {
  /*font-family: 'GFS Didot', serif;*/
  font-size:24px;
}


.cs-news__list {
  display: grid;
  grid-template-columns: minmax(6rem, auto) 1fr;
  gap: 1.25rem 1.5rem;
  margin: 0;
  font-family:Inter, sans-serif !important;
}

.cs-news__item {
  display: contents;
}

.cs-news__link {
  display: contents;
  color: inherit;
  text-decoration: none;
}

.cs-news__date {
  white-space: nowrap;
      text-align: end;
}

.cs-news__more {
  color: inherit;
  text-decoration: underline;
}

/* ==========================================
  ストーリー
========================================== */
.cs-story {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .cs-story {
    gap: 3rem;
    align-items: center;
  }
}

.cs-story__text {
  flex: 1 1 auto;
  min-width: 0;
}


.cs-story__logo {
  margin: 0 0 2rem;
}

.cs-story__logo-image {
  display: block;
  width: var(--cs-story-logo-width, 160px);
  max-width: 100%;
  height: auto;
  object-fit: contain;
}



.cs-story__heading {
  margin: 0 0 1rem;
  /*font-family: 'GFS Didot', serif;*/
  font-size:22px;
}

.cs-story__content {
  margin-bottom: 1rem;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif !important;
}

.cs-story__more-wrapper {
  margin: 0 0 1.25rem;
  text-align: left;
}

.cs-story__more {
  color: inherit;
  text-decoration: none;
}

.cs-story__media {
  flex: 0 0 auto;
  width: 35vw;
  max-width: 9rem;
  text-align: center;
}
@media (min-width: 768px) {
  .cs-story__media {
    width: 20vw;
    max-width: 16rem;
  }
}

.cs-story__name {
  margin: 0 0 .75rem;
  /*font-family: 'GFS Didot', serif;*/
  font-style: italic;
  text-align: center;
  font-size: 20px;
  font-family:'didot', 'yu-gothic-pr6n', sans-serif !important;
}

@media screen and (min-width:750px) {
  .cs-story__name {
    font-size: 18px;
  }
}



.cs-story__role {
  font-weight: 600;
  margin: 0 0 .25rem;
  text-align: center;
  font-size: 12px;
  letter-spacing: .05em;
  opacity: .75;
  font-family:'didot', 'yu-gothic-pr6n', sans-serif !important;
      font-style: italic;
}

@media screen and (min-width: 750px) {
  .cs-story__role {
    font-size: 13px;
  }
}

.cs-story__image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  object-fit: cover;
}



@media (max-width: 767px) {


  .cs-story {
    flex-direction: column;
    align-items: center;
    gap:1rem;
  }

  .cs-story__text {
    width: 100%;
    text-align: center;
  }

  .cs-story__logo-image {
    margin-inline: auto;
  }



  .cs-story__more-wrapper {
    text-align: center;
  }

  .cs-story__media {
    width: 60vw;
    max-width: 14rem;
  }




  .cs-story__content p{
    font-size:10px;
  }

  .cs-story__more{
    font-size:10px; 
  }


  .cs-story__image {
    width: 140px;
    margin: auto;
  }



}


/* リクルートボタン：PCはテキスト内、SPは画像下に表示 */
.cs-story__recruit--stacked {
  display: none;
}

@media (max-width: 767px) {
  .cs-story__recruit--inline {
    display: none;
  }

  .cs-story__recruit--stacked {
    display: block;
    order: 3;
    width: 100%;
    text-align: center;
    margin-top: 1.25rem;
  }
}

/* ==========================================
  シンプルバナー
========================================== */
.cs-simple-banners {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}
@media (min-width: 768px) {
  .cs-simple-banners {
    gap: 8rem;
  }
}

.cs-simple-banners__item {
  flex: 0 1 var(--cs-simple-banners-item-width-mobile, 120px);
  min-width: 0;
}
@media (min-width: 768px) {
  .cs-simple-banners__item {
    flex: 0 1 var(--cs-simple-banners-item-width-desktop, 200px);
  }
}

.cs-simple-banners__link {
  display: block;
}

.cs-simple-banners__image {
  display: block;
  width: 100%;
  height: auto;
}

/* ==========================================
  フッター（stina）
========================================== */
.cs-footer {
  background: rgb(var(--background));
  background-image: var(--background-gradient);
  color: rgb(var(--text-color));
  padding-block-start: var(--section-vertical-spacing);
  padding-block-end: min(var(--section-vertical-spacing), 3rem);
  position: relative;              /* 追加：疑似要素の基準にする */
}

.cs-footer::before {               /* 追加：90%幅の上部ライン */
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  height: 1px;
  margin-inline: auto;             /* 中央寄せ */
  background: #231815;
}

.cs-footer__inner {
  row-gap: 1rem;
  display: grid;
}

.cs-footer__block-list {
  justify-content: center;
  align-items: start;
  gap: 0.5rem;
  display: grid;
}
@media (min-width: 768px) {
  .cs-footer__block-list {
    justify-content:center;
    flex-wrap: wrap;
    gap: 3rem;
    display: flex;
  }
}

@media (min-width: 768px) {
  .cs-footer__block {
    flex: auto;
  }

  .cs-footer__block--links, .cs-footer__block--image {
    flex-grow: 0;
    max-width: 14rem;
  }

  .cs-footer__block--newsletter, .cs-footer__block--app {
    flex-basis: 14rem;
    max-width: 18rem;
  }

  .cs-footer__block--text {
    flex-basis: 14rem;
    max-width: 24rem;
  }
}

.cs-footer__aside {
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  display: grid;
}
.cs-footer__aside .payment-methods {
  justify-content: center;
  max-width: 30rem;
}
@media (min-width: 1000px) {
  .cs-footer__aside {
    grid-auto-flow: column;
    justify-content: center;
  }

  .cs-footer__aside .payment-methods {
    justify-content: end;
  }
}

.cs-footer__sns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
  max-width: 500px;
  padding: 0 1rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .cs-footer__sns {
    margin-bottom: 2rem;
  }
}

.cs-footer__sns-link {
  display: block;
}

.cs-footer__sns-icon {
  display: block;
  width: 30px;
  height: 30px;
}

.cs-footer__menu .accordion {
  border-block-width: 0;
}

.cs-footer__menu .accordion__toggle {
  padding-block: 0rem;
  font-size:12px;
font-family:Inter, sans-serif !important;
}

.cs-footer__menu .accordion__content {
  padding-block-end: .625rem;
  padding-inline-end: .625rem;
}

.cs-footer__menu .accordion__disclosure > summary {
  cursor: pointer;
}
@media (min-width: 768px) {
  .cs-footer__menu .accordion__content {
    display: block !important;
  }
}



/***********gallery記事*******************/


.galleryBox #movie {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto 70px;
}


.galleryBox .aw01_o, .galleryBox .aw01_k, .galleryBox .aw02_o, .galleryBox .aw02_k, .galleryBox .aw03_o, .galleryBox .aw03_k, .galleryBox .aw04_o, .galleryBox .aw04_k, .galleryBox .aw05_o, .galleryBox .aw05_k {
    margin: 0 auto;
}

.galleryBox .line-up-area {
    clear: both;
    background: none;
    padding: 0px 0px 30px;
}


.galleryBox .block {
    margin: 0 auto 50px;
}

.galleryBox .row1 {
    width: 90%;
    margin: 0 auto;
}

.galleryBox .row2 {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap:10px;
}

.galleryBox .row3 {
    display: flex;
    align-items: baseline;
}


.galleryBox .aw01_o h3, .galleryBox .aw01_k h3, .galleryBox .aw02_o h3, .galleryBox .aw02_k h3, .galleryBox .aw03_o h3, .galleryBox .aw03_k h3, .galleryBox .aw04_o h3, .galleryBox .aw04_k h3, .galleryBox .aw05_o h3, .galleryBox .aw05_k h3 {
    margin: 50px auto;
    text-align: center;
}

.galleryBox .aw01_o .credit, .galleryBox .aw01_k .credit, .galleryBox .aw02_o .credit, .galleryBox .aw02_k .credit, .galleryBox .aw03_o .credit, .galleryBox .aw03_k .credit, .galleryBox .aw04_o .credit, .galleryBox .aw04_k .credit, .galleryBox .aw05_o .credit, .galleryBox .aw05_k .credit {
    margin: 30px auto 0;
    text-align: right;
}

/***********ポリシー***********/


/* ===== 特商法テーブル ===== */
.table-responsive {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 16px;
}

.semi-order-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.9;
  color: #333;
  border-top: 1px solid #eaeaea;
}

.semi-order-table th,
.semi-order-table td {
  padding: 20px 24px !important;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #eaeaea;
}

.semi-order-table th {
  width: 200px;
  background: #FAE5E5;
  font-weight: 600;
  white-space: nowrap;
}

.semi-order-table td {
  background: #fff;
}

.semi-order-table a {
  color: #c26a6a;
  text-decoration: underline;
  word-break: break-all;
}

.semi-order-table a:hover {
  opacity: 0.7;
}

.semi-order-table tbody{
  border-style: none;
}

/* ===== スマホ表示（縦積み） ===== */
@media screen and (max-width: 600px) {
  .semi-order-table,
  .semi-order-table tbody,
  .semi-order-table tr,
  .semi-order-table th,
  .semi-order-table td {
    display: block;
    width: 100%;
  }

  .semi-order-table tr {
    border-bottom: 1px solid #eaeaea;
  }

  .semi-order-table th {
    width: 100%;
    padding: 12px 16px;
    white-space: normal;
    border-bottom: none;
  }

  .semi-order-table td {
    padding: 12px 16px 20px;
    border-bottom: none;
  }
}









/* ===== プライバシーポリシー ===== */
.privacy-policy .content-area {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px 80px;
  font-size: 14px;
  line-height: 2;
  color: #333;
}

/* リード文（最初のテキスト） */
.privacy-policy .content-area > p:first-of-type {
  margin-bottom: 40px;
}

/* 見出し */
.privacy-policy .content-area h4 {
  background: #FAE5E5;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 40px 0 16px;
  padding: 12px 20px;
  line-height: 1.6;
}

/* 本文 */
.privacy-policy .content-area p {
  margin: 0 0 20px;
  padding: 0 4px;
}

/* リンク（特商法ページと同色） */
.privacy-policy .content-area a {
  color: #c26a6a;
  text-decoration: underline;
  word-break: break-all;
}

.privacy-policy .content-area a:hover {
  opacity: 0.7;
}

/* お問い合せ欄 */
.privacy-policy .content-area address {
  font-style: normal;
  margin-top: 8px;
  padding: 20px 24px;
  background: #fdf6f6;
  border: 1px solid #f2dede;
  line-height: 2;
}

.privacy-policy .content-area address strong {
  font-size: 15px;
}

/* ===== スマホ表示 ===== */
@media screen and (max-width: 600px) {
  .privacy-policy .content-area {
    padding: 24px 16px 56px;
  }

  .privacy-policy .content-area h4 {
    padding: 10px 14px;
    margin: 32px 0 14px;
  }

  .privacy-policy .content-area address {
    padding: 16px;
  }
}



.shopify-policy__body .prose :where(:not(meta,span)+*) {
    margin-block-start: 0 !important;
}



.shopify-policy__body .content-area h4{
  margin-top:20px !important;
  margin-bottom:20px;
}





/**************************/



/* ==========================================================
   Guide page
   ========================================================== */
.guide-page {
  --guide-accent: #c26a6a;
  --guide-soft: #FAE5E5;
  --guide-line: #ece0e0;
  --guide-text: #3a3535;

  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px 80px;
  color: var(--guide-text);
  line-height: 1.9;
  font-size: 1.4rem;
}

.guide-page p { margin: 0 0 1em; font-size:14px;}
.guide-page p:last-child { margin-bottom: 0; }

.guide-page a {
  color: var(--guide-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* --- ページタイトル --- */
.guide-page__head { text-align: center; margin-bottom: 48px; }
.guide-page__title {
  font-size: 2.8rem;
  letter-spacing: .18em;
  margin: 0;
  font-weight: 400;
}

/* --- セクション --- */
.guide-sec { margin-bottom: 64px; }
.guide-sec:last-child { margin-bottom: 0; }

.guide-sec__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 28px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--guide-soft);
  font-weight: 400;
}
.guide-sec__en {
  font-size: 1.5rem;
  letter-spacing: .1em;
  color: var(--guide-accent);
}
.guide-sec__ja {
  font-size: 1rem;
  letter-spacing: .06em;
}

/* --- サブブロック --- */
.guide-block { margin-bottom: 40px; }
.guide-block:last-child { margin-bottom: 0; }

.guide-block__title {
  display: inline-block;
  margin: 0 0 16px;
  padding: 6px 18px;
  background: var(--guide-soft);
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: .06em;
}

.guide-block__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 32px;
  align-items: start;
}

.guide-subhead {
  margin: 24px 0 8px;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--guide-accent);
}

/* --- テーブル --- */
.guide-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.3rem;
}
.guide-table__cap {
  caption-side: top;
  text-align: left;
  padding-bottom: 8px;
  font-size: 14px;
  opacity: .75;
}
.guide-table th,
.guide-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--guide-line);
  vertical-align: top;
  font-size: 14px;
}
.guide-table th {
  text-align: left;
  font-weight: 400;
  background: rgba(250, 229, 229, .35);
  white-space: nowrap;
  font-size: 14px;
}
.guide-table td { text-align: right; }
.guide-table tr:first-child th,
.guide-table tr:first-child td { border-top: 1px solid var(--guide-line); }

/* 銀行振込は右寄せしない */
.guide-block#bank .guide-table td { text-align: left; white-space: normal; }


.guide-table tbody th{
  padding-inline-start: 1.25rem !important;
      vertical-align: middle;
}


/* --- 送料カード --- */
.guide-rates {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--guide-line);
  border: 1px solid var(--guide-line);
}
.guide-rates li {
  background: #fff;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  min-height: 96px;
}
.guide-rates__area {
  font-size: 0.8rem;
  line-height: 1.6;
  letter-spacing: .04em;
}
.guide-rates__fee {
  font-size: 0.8rem;
  letter-spacing: .04em;
  color: var(--guide-accent);
}
.guide-rates--intl { grid-template-columns: repeat(2, 1fr); }

/* --- 強調 --- */
.guide-highlight {
  background: var(--guide-soft);
  padding: 16px 20px;
  text-align: center;
  letter-spacing: .06em;
  margin: 24px 0;
}
.guide-highlight strong { color: var(--guide-accent); font-weight: 500; }

.guide-lead { font-size: 1.5rem; letter-spacing: .04em; }
.guide-note { font-size: 1.2rem; opacity: .7; }

/* --- リスト --- */
.guide-list { margin: 0 0 1em; padding: 0; list-style: none; }
.guide-list li {
  position: relative;
  padding-left: 1.1em;
  margin-bottom: .5em;
  font-size:14px;
}
.guide-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .85em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--guide-accent);
}
.guide-list small { opacity: .7; }

.guide-links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; }

.guide-links a{
  font-size:14px;
}


/* --- クレジットカード --- */
.guide-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex !important;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
}
.guide-cards img { display: block; height: auto; width: auto; }

/* --- 英語ブロック --- */
.guide-en {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid var(--guide-line);
}

/* ---------- SP ---------- */
@media screen and (max-width: 600px) {
  .guide-page { padding: 28px 16px 56px; font-size: 1.3rem; }
  .guide-page__title { font-size: 2.2rem; }
  .guide-sec { margin-bottom: 48px; }
  .guide-sec__head { flex-direction: column; align-items: flex-start; gap: 2px; }
  .guide-sec__en { font-size: 1.2rem; }
  .guide-block__body { grid-template-columns: 1fr; gap: 20px; }
  .guide-rates,
  .guide-rates--intl { grid-template-columns: repeat(2, 1fr); }
  .guide-rates li { min-height: 84px; padding: 14px 10px; }
  .guide-rates__fee { font-size: 0.8rem; }
}






/* ==========================================================
   Guide pageここまで
   ========================================================== */



@media screen and (max-width: 767px) {
  .cs-news__text , .cs-news__date{
    font-size:12px;
  }

}


.product-card__info{
    padding-block-start: 10px;
}


.product-card__info .h-stack{
  margin-right: auto;
}


.product-card__info-flex{
  display: flex;
  flex-direction: column;   /* 横並び → 縦積み */
  align-items: center;      /* justify-content: space-between は削除 */
  gap: 0.5rem;
  width: 100%;
}

/* バッジ群：はみ出したら折り返す */
.product-card__badges{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left:auto;
  gap: 4px;
}



/* =============================
   closet ブランド
   ============================= */
.page-closet .shopify-section--cs-header-retune .header {
  --header-text-color: #231815;
  background-color: transparent;
  background-image: none;
  color: #231815;
}

.page-closet .shopify-section--cs-header-retune .header a,
.page-closet .shopify-section--cs-header-retune .header button {
  color: #231815;
}

/* スクロールで固定表示になったら白背景に戻す */
.page-closet .shopify-section--cs-header-retune .header.is-solid {
  background-color: #fff;
}




/* =============================
   商品ページ タブ
   ============================= */
.cs-product-tabs__nav {
  display: flex;
  gap: 0;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 1.25rem;
}

.cs-product-tabs__tab {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  padding: 0.625rem 1rem;
  font-size: 0.8125rem;
  color: #231815;
  cursor: pointer;
  margin-bottom: -1px;
  transition: border-color 0.2s;
}

.cs-product-tabs__tab.is-active {
  border-bottom-color: #231815;
  font-weight: 500;
}

.cs-product-tabs__panel {
  font-size: 0.875rem;
  line-height: 1.7;
}

.cs-product-tabs__panel[hidden] {
  display: none;
}



/* --- タブ廃止: 縦積み表示 --- */
.cs-product-tabs--stacked .cs-product-tabs__section + .cs-product-tabs__section {
  margin-top: 2rem;
  margin-top: 0rem;
}

.cs-product-tabs__heading {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #231815;
  padding-bottom: 0.5rem;
  margin: 0.75rem 0 1rem;
  text-align:center;
}


.cs-product-tabs{
  margin-top: 50px;
}




/********商品ページサイズチャート*******/

#detailarea.directors_select .tab_panel {
    width: 100%;
    padding: 0px;
    display: none;
}

#detailarea.directors_select .tab_panel p {
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    padding: 30px 0px;
    text-align: left;
}

#detailarea.directors_select .panel_area .main_comment01 {
    clear: both;
    margin-top: 20px;
}


.sizeDetailImg {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 auto 20px;
}

.sizeDetailImg .img {
    flex-basis: 49%;
}

.sizeDetailImg .img img {
    width: 100%;
}

.sizeDetail {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px;
    background: #fff;
}

.leftPhoto {
    width: 20%;
    float: left;
    text-align: center;
}

.rightTxt {
    width: 80%;
    float: left;
    padding: 15px 0px 0px 10px;
    box-sizing: border-box;
}

.notice {
    margin: 15px auto 15px 0;
    font-size: 12px;
}

.main_comment01 table th, .main_comment01 table td, .main_comment02 table th, .main_comment02 table td {
    border: solid 1px #c9c9c9;
    padding: 10px !important;
}



.main_comment01 table th, .main_comment02 table th {
    background: #f1f1f1;
}




/* =============================================================
   商品ギャラリー ライトボックス
   （メイン画像クリックで拡大 / 下部サムネイル / スワイプ・クリック切替）
   ============================================================= */


.product-gallery__zoom-button{
  display:none;
}





.product-gallery__image-list .product-gallery__media[data-media-type="image"] img {
  cursor: zoom-in;
}

html.cs-lightbox-open {
  overflow: hidden;
}

.cs-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.7);
  background: #fff;
}

.cs-lightbox[hidden] {
  display: none;
}

.cs-lightbox__viewport {
  position: relative;
  flex: 0 0 auto;
  align-self: center;
  width: 100%;
  aspect-ratio: 3 / 4;
  min-height: 0;
  overflow: hidden;
  touch-action: none;
}

@media screen and (min-width: 1000px) {
  .cs-lightbox__viewport {
    width: auto;
    height: calc(100dvh - 10rem);
  }
}

.cs-lightbox__track {
  display: flex;
  height: 100%;
  transition: transform 0.3s ease;
  will-change: transform;
}

.cs-lightbox__slide {
  flex: 0 0 100%;
  height: 100%;
  display: block;
  padding: 0;
  box-sizing: border-box;
}


.cs-lightbox__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  user-select: none;
  -webkit-user-drag: none;
}

.cs-lightbox__close,
.cs-lightbox__nav {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s;
}

.cs-lightbox__close:hover,
.cs-lightbox__nav:hover {
  background: rgba(255, 255, 255, 0.3);
}

.cs-lightbox__close {
  top: 0.75rem;
  right: 0.75rem;
  font-size: 1.5rem;
  background: rgba(0, 0, 0, 0.5);
}

.cs-lightbox__nav {
  top: 50%;
  transform: translateY(-50%);
  display:none;
}

.cs-lightbox__nav--prev {
  left: 0.5rem;
}

.cs-lightbox__nav--next {
  right: 0.5rem;
}

.cs-lightbox__thumbs {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;   /* ← 追加：flex の stretch を止める */
  gap: 0.5rem;
  padding: 0.75rem;
  padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
  overflow-x: auto;
  justify-content: flex-start;
  scrollbar-width: thin;
}

.cs-lightbox__thumb {
  flex: 0 0 auto;
  width: 100px;
  height: auto;
  aspect-ratio: 3 / 4;       /* ← 追加：画像の実比率に依存させない */
  padding: 0;
  border: 2px solid transparent;
  border-radius: 2px;
  background: none;
  cursor: pointer;
  overflow: hidden;
}

.cs-lightbox__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cs-lightbox__thumb.is-active {
  border-color: #fff;
}

@media screen and (min-width: 1000px) {
  .cs-lightbox__thumbs {
    justify-content: center;
  }
  .cs-lightbox__thumb {
    width: 64px;
    height: auto;
  }
}






/* retune 商品ページ: ライトボックスのサムネイルを左右余白なし・1画面3枚 */
@media screen and (max-width: 999px) {
  body.page-retune .cs-lightbox__thumbs {
    gap: 0;
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start;
  }

  body.page-retune .cs-lightbox__thumb {
    width: calc(100vw / 3);
    box-sizing: border-box;
    border: 0px;
  }
}




/* retune のみ: ライトボックスのサムネイル上にコピーを表示 */
.cs-lightbox__caption {
  display: none;
}

body.page-retune .cs-lightbox__caption {
  display: block;
  flex: 0 0 auto;
  margin: 0;
  padding: 0.75rem 1rem 0.25rem;
  text-align: center;
  color: #231815;
  font-size: 8px;
  line-height: 1.6;
}

/* =============================================================
   商品ギャラリー ライトボックス　ここまで
   ============================================================= */




.pplr-prev-left{
    background-color: #e4e4e4 !important;
}







.buy-buttons .w-full{
    background: none;
    background: #FFF;
    color: #000;
    padding: 10px;
    border-radius: 5px;
}


.swym-button.swym-add-to-wishlist-view-product{
  display:inline-block !important;
}


.swym-header-icon-html{
margin-right: 0px !important;
padding-top: 1px;
}
.swym-button.swym-add-to-wishlist.swym-loaded,
.swym-button.swym-add-to-watchlist.swym-loaded {
  display: block !important;
}


button.swym-button.swym-add-to-wishlist.swym-icontext.swym-heart.disabled.swym-added.swym-loaded {
opacity:1; 
}
button.swym-button.swym-add-to-wishlist.swym-icontext.swym-heart{
  background:transparent !important;
}
.swym-add-to-wishlist .wl-heart path {
  fill: none;
  stroke: black;
  stroke-width: 1.5;
}
.swym-add-to-wishlist svg{
    /*margin-left:30px;*/
}
.swym-add-to-wishlist.swym-added .wl-heart path {
  fill: black;
  stroke: black;

}

button.swym-button{
  padding: 0px !important;
}





/* stina ヘッダー：最上部（透過状態）のときロゴを白く */
.shopify-section--cs-header-stina .header__logo-image {
  filter:
    brightness(calc(1 - var(--header-show-transparent-logo, 0)))
    invert(var(--header-show-transparent-logo, 0));
  transition: filter 0.2s;
}

.shopify-section-group-header-group-retune .header{
box-shadow: 0 0 0 0;
}


.shopify-section--collection-banner .relative{
    padding: 30px 0 0px;
}


/* ==========================================================
   商品カード：カラーチップ（メタフィールド custom.color_tip）
   バリエーション由来スウォッチの置き換え。表示専用。
   ========================================================== */
.cs-color-tip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 0;
}

/* 既定は正方形（stina / closet） */
.cs-color-tip__dot {
  flex: 0 0 auto;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0;
  background-color: var(--cs-color-tip, transparent);
  box-shadow: 0 0 0 0;
}

/* retune のみ円形（コレクション一覧・ランキングカードの両方をカバー） */
body.page-retune .cs-color-tip__dot,
.cs-color-tip--retune .cs-color-tip__dot {
  border-radius: 50%;
}

/* product-card（コレクション一覧など）は中央寄せ */
.cs-color-tip--card {
  justify-content: center;
}

/* retune カード：旧 .retune-product-card__swatches と同じ上マージン */
.cs-color-tip--retune {
  margin-top: 0.5rem;
}



/* ==========================================================
   ヘッダー：アカウント／カートアイコンの線幅
   SVG の stroke-width 属性を CSS で上書き（属性より CSS が優先）
   ========================================================== */
.header__account-link .header__nav-icon *,
.header__cart-link .header__nav-icon *,
.header__search-link .header__nav-icon * {
  stroke-width: 1;
}

.header .header__nav-icon * {
  stroke-width: 1;
}


/* ==========================================================
   セクションのスクロール表示（custom.js の data-cs-reveal と連動）
   ========================================================== */
[data-cs-reveal] {
  transition: opacity 2.0s cubic-bezier(0.16, 1, 0.3, 1),
              transform 2.0s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-cs-reveal='pending'] {
  opacity: 0;
  transform: translateY(3rem);
}

[data-cs-reveal='revealed'] {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-cs-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}



/* ==========================================================
   商品ページ タブ：details/summary による開閉（矢印なし）
   ========================================================== */
.cs-product-tabs__section > .cs-product-tabs__heading {
  cursor: pointer;
  list-style: none;          /* デフォルトの三角マーカーを消す */
  user-select: none;
}

/* Safari / 旧 Chrome のマーカー除去 */
.cs-product-tabs__section > .cs-product-tabs__heading::-webkit-details-marker {
  display: none;
}
.cs-product-tabs__section > .cs-product-tabs__heading::marker {
  content: '';
}

/* 閉じている時は見出し下の余白を詰める */
.cs-product-tabs__section:not([open]) > .cs-product-tabs__heading {
  margin-bottom: 0;
}


.cs-related__heading{
  font-weight:normal;
}



/* ==========================================================
   関連商品（ランキングUI）見出しの左右ライン
   ========================================================== */
.cs-related__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size:14px;
}

.cs-related__heading::before,
.cs-related__heading::after {
  content: '';
  flex: 0 0 30px;
  height: 0.5px;
  background-color: currentColor;
}


.cs-related__heading .cs-ranking__content-wrapper{
    padding: 0 0.5rem;
}






/* ==========================================================
  記事ページ
   ========================================================== */

.article__wrapper .v-stack{
    text-align: center !important;
    margin: auto;
}






/* ==========================================================
  RETUNE
   ========================================================== */



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

    .page-retune .header{
      align-items:flex-start;
    }

}




/* ==========================================================
   カートページ：ギフトボックス チェックボックス
   ========================================================== */
.cs-gift-box {
  margin-top: 0.75rem;
}

.cs-gift-box__label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.8125rem;
  line-height: 1.4;
}

.cs-gift-box__input {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin: 0;
  cursor: pointer;
}

.cs-gift-box__input:disabled {
  opacity: 0.4;
  cursor: wait;
}


.shopify-section--main-cart .empty-state .button{
  background: none;
  border: none;
  color: #231815;
  text-decoration: underline;
}

.shopify-section--main-collection .empty-state .button{
  background: none;
  border: none;
  color: #231815;
  text-decoration: underline;
}







.cs-footer__menu .accordion__content {
  text-align:center;

} 


.cs-footer__menu .v-stack .link-faded{
  margin-top:5px;
  display:inline-block;
  font-size: 12px;
  white-space:nowrap;
}

.cs-footer__menu .v-stack{
  gap: 0;
}


/* ==========================================================
   retune 商品一覧：見出しの左右に線
   cs-retune-ranking__heading と同じ擬似要素パターン
   ========================================================== */


/*   
body.page-retune .shopify-section--collection-banner .prose h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 24px;
}

body.page-retune .shopify-section--collection-banner .prose h1::before,
body.page-retune .shopify-section--collection-banner .prose h1::after {
  content: '';
  flex: 1 1 auto;
  height: 1px;
  max-width: 4rem;
  background-color: currentColor;
}

*/

@media screen and (max-width: 999px) {
.shopify-section--cs-fv .content-over-media{
height: 110vh;
}
}







/* ==========================================================
   stina 商品一覧（retune/closet 以外）：
   トップページ cs-stina-collection__grid と同じカード配置に揃える
   構成: 画像 → [色玉｜タグ を左右] → 商品名(左) → 価格
   ========================================================== */
body:not(.page-retune):not(.page-closet) .product-card__info {
  margin-top: 0.3rem;
  padding: 0 0.8rem;
  text-align: left;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0.25rem 0.5rem;
}

body:not(.page-retune):not(.page-closet) .product-card__info-flex,
body:not(.page-retune):not(.page-closet) .product-card__info > .v-stack,
body:not(.page-retune):not(.page-closet) .product-card__info > .v-stack > .v-stack {
  display: contents;
}

body:not(.page-retune):not(.page-closet) .product-card__info .cs-color-tip {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;        /* ← 追加 */
  justify-content: flex-start;
  margin: 0;
}

body:not(.page-retune):not(.page-closet) .product-card__badges {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}

body:not(.page-retune):not(.page-closet) .product-card__info .product-title {
  grid-column: 1 / -1;
  grid-row: 2;
  font-size: 12px;
  text-align: left;
  justify-self: start;
  font-family: Gotham, yu-gothic-pr6n, sans-serif !important;
}

body:not(.page-retune):not(.page-closet) .product-card__info .price-list {
  grid-column: 1 / -1;
  grid-row: 3;
  justify-self: start;
  justify-content: flex-start;
  text-align: left;
}

body:not(.page-retune):not(.page-closet) .product-card__info .product-vendor {
  grid-column: 1 / -1;
  grid-row: 4;
}
body:not(.page-retune):not(.page-closet) .product-card__info .product-rating {
  grid-column: 1 / -1;
  grid-row: 5;
}

@media (min-width: 768px) {
  body:not(.page-retune):not(.page-closet) .product-card__info .product-title {
    font-size: 16px;
  }
}

body:not(.page-retune):not(.page-closet) .product-card__badges .badge {
  background: #fff;
  color: inherit;
  border: 1px solid #231815;
  white-space: nowrap;
  flex-shrink: 0;
  font-family: 'gotham', 'yu-gothic-pr6n', sans-serif !important;
  letter-spacing: normal;
}


/* ==========================================================
   stina 商品一覧：スマホのみ トップページ(cs-stina-collection__grid)の
   グリッド仕様に合わせる（左右余白なし・2カラム・gap 1rem 1.5rem）
   ※ retune / closet は対象外。699px 以下のみ。
   ========================================================== */
@media screen and (max-width: 699px) {
  body:not(.page-retune):not(.page-closet) .shopify-section--main-collection .product-list:not(.product-list--carousel) {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 1.5rem;
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    padding-inline: 0;
  }

  body:not(.page-retune):not(.page-closet) .shopify-section--main-collection .product-list:not(.product-list--carousel) > * {
    grid-row: auto !important;
    grid-template-rows: none !important;
    width: auto;
  }
}


/* ==========================================================
   stina 商品一覧：スマホ2カラム時のカード内 padding 調整
   奇数(左列)=右padding無し / 偶数(右列)=左padding無し
   ========================================================== */
@media screen and (max-width: 699px) {
  body:not(.page-retune):not(.page-closet)
    .shopify-section--main-collection
    .product-list > *:nth-child(odd)
    .product-card__info {
    padding-right: 0;
  }

  body:not(.page-retune):not(.page-closet)
    .shopify-section--main-collection
    .product-list > *:nth-child(even)
    .product-card__info {
    padding-left: 0;
  }
}


/* ==========================================================
   retune トップ FV：画像を「横幅いっぱい・縦auto」で可変表示
   ※ テーマエディタで FV の「縦方向のサイズ」を「画像の比率」に設定すること
   ========================================================== */


@media screen and (max-width: 699px) {
  /* セクション〜ラッパーの高さ・余白を全部リセット */
  body.page-retune .shopify-section--cs-fv,
  body.page-retune .shopify-section--cs-fv > .color-scheme {
    display: block;
    height: auto;
    min-height: 0;
    max-height: none;
    padding-block: 0;
    margin-block: 0;
    line-height: 0;
  }

  body.page-retune .shopify-section--cs-fv .content-over-media {
    display: block;
    height: auto;
    min-height: 0 !important;   /* 587行の min-height を確実に打ち消す */
    max-height: none;
    overflow: visible;
    aspect-ratio: auto !important;
    place-items: initial;
    grid-template: none;
  }

  body.page-retune .shopify-section--cs-fv .content-over-media > picture {
    display: block;
    line-height: 0;
  }

  body.page-retune .shopify-section--cs-fv .content-over-media > picture img {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    min-height: 0;
    min-width: 0;
    object-fit: fill;
  }
}

/* ==========================================================
   retune トップ：商品カードの content-wrapper 内を中央寄せ
   （商品名・価格・色玉・タグすべて）
   ========================================================== */
.retune-product-card__content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* 色玉は中央揃え */
.retune-product-card__content-wrapper .cs-color-tip {
  justify-content: center;
}

/* 価格リストも中央 */
.retune-product-card__content-wrapper .price-list {
  justify-content: center;
}


/* ==========================================================
   retune バッジ：文字だけ斜体（左右の縦線 ｜ は真っすぐ維持）
   ========================================================== */
.retune-product-card__badge {
  font-style: italic;
}

.retune-product-card__badge::before,
.retune-product-card__badge::after {
  font-style: normal;      /* ｜ は傾けない */
  display: inline-block;   /* italic の影響を切るため */
}


.cs-retune-express-link__heading:before,.cs-retune-express-link__heading:after{
  display:none;
}



body.page-retune .shopify-section--cs-news .justify-self-center a{
  font-family: inter, sans-serif !important;
}


/* ==========================================================
   retune 商品一覧：カード内 product-card__info の並び替え
   上から 商品名 → 価格 → 色玉 → タグ、中央寄せ
   タグは retune-product-card__badge と同じ見た目
   ========================================================== */
body.page-retune .product-card__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.1rem;
  padding-block-start: 5px;
}

/* 入れ子ラッパーを解除して order を効かせる */
body.page-retune .product-card__info-flex,
body.page-retune .product-card__info > .v-stack,
body.page-retune .product-card__info > .v-stack > .v-stack {
  display: contents;
}

/* 並び順：商品名 → 価格 → 色玉 → タグ */
body.page-retune .product-card__info .product-title { order: 1; }
body.page-retune .product-card__info .price-list { order: 2; }
body.page-retune .product-card__info .cs-color-tip { order: 3; }
body.page-retune .product-card__info .product-card__badges { order: 4; }
body.page-retune .product-card__info .product-vendor { order: 5; }
body.page-retune .product-card__info .product-rating { order: 6; }

/* 色玉・価格は中央 */
body.page-retune .product-card__info .cs-color-tip {
  justify-content: center;
}
body.page-retune .product-card__info .price-list {
  justify-content: center;
}

/* タグ群ラッパー */
body.page-retune .product-card__info .product-card__badges {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  width: 100%;
  text-align: center;
}

/* タグの見た目を retune-product-card__badge に合わせる */
body.page-retune .product-card__badges .badge {
  display: block;
  width: auto;
  padding: 0;
  margin-top: 0;
  font-size: var(--text-sm);
  text-transform: none;
  letter-spacing: normal;
  background: none;
  border: 0;
  color: inherit;
  font-family:'didot', 'yu-gothic-pr6n', sans-serif !important;
    font-style: italic;
}

body.page-retune .product-card__badges .badge::before {
  content: '｜';
  font-style: normal;      /* ｜ は傾けない */
  display: inline-block;   /* italic の影響を切るため */
}
body.page-retune .product-card__badges .badge::after {
  content: '｜';
  font-style: normal;      /* ｜ は傾けない */
  display: inline-block;   /* italic の影響を切るため */
}

/* ==========================================================
   retune 商品一覧：商品間の余白を広げる（2列は維持）
   ========================================================== */
body.page-retune .shopify-section--main-collection .product-list:not(.product-list--carousel) {
  --product-list-default-column-gap: 30px;
  --product-list-default-row-gap: 30px;
  --product-list-horizontal-spacing-factor: 1;
  --product-list-vertical-spacing-factor: 1;
}


/* ==========================================================
   retune 商品一覧：商品間の余白 20px、左右余白も 20px に揃える
   ========================================================== */
body.page-retune .shopify-section--main-collection .product-list:not(.product-list--carousel) {
  --product-list-default-column-gap: 20px;
  --product-list-default-row-gap: 20px;
  --product-list-horizontal-spacing-factor: 1;
  --product-list-vertical-spacing-factor: 1;
}

/* 左右の余白（コンテナのガター）を 20px に */
body.page-retune .shopify-section--main-collection .container {
  --container-gutter: 20px;
}

/* SP のはみ出し負マージンを打ち消す（左右 20px を正確に効かせる） */
@media screen and (max-width: 699px) {
  body.page-retune .shopify-section--main-collection .product-list:not(.product-list--carousel) {
    margin-inline: 0;
  }
}


/* ==========================================================
   retune 商品一覧：見出しを斜体に
   ========================================================== */
/*   
body.page-retune .shopify-section--collection-banner .prose h1 {
  font-style: italic;
}*/

/* ==========================================================
   retune 商品ページ：カラー名リンク（custom.color_products）
   デザインは retune-product-card__badge に準拠（斜体＋前後の縦線 ｜）
   ========================================================== */
.cs-color-names {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content:center;
}

.cs-color-names__item {
  display: inline-block;
  font-style: italic;
  font-size: var(--text-sm);
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

/* 各アイテムの前に区切り線 */
.cs-color-names__item::before {
  content: '｜';
  font-style: normal;
  display: inline-block;
}

/* 最後のアイテムの後ろにだけ閉じの線 */
.cs-color-names__item:last-child::after {
  content: '｜';
  font-style: normal;
  display: inline-block;
}

/* 現在表示中の商品：下線で示す（リンクは有効のまま） */
.cs-color-names__item.is-current {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}


/* ==========================================================
   色玉リンク（custom.color_products への遷移）
   ========================================================== */
.cs-color-tip__dot--link {
  cursor: pointer;
  text-decoration: none;
  padding: 0;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}

/* ホバーで少し立たせる（任意） */
.cs-color-tip__dot--link:hover {
  box-shadow: 0 0 0 1px rgb(0 0 0 / 0.25);
}


.blog-post-card__title.h4{
    font-size: 14px;
}


/* ============================================================
   お問い合わせフォーム: カスタム項目の補足コメント
   ============================================================ */
.shopify-section--contact .cs-field {
  display: grid;
  gap: 0.5rem;
}

.shopify-section--contact .cs-field__note {
  text-align: start;
  line-height: 1.6;
}

.shopify-section--contact .cs-field__note > p {
  margin: 0;
}

.shopify-section--contact .cs-field__note > p + p {
  margin-block-start: 0.35em;
}


.shopify-section--contact .container .button{
  width: 300px;
  margin: auto;
  padding: 10px;
  border-radius: 3px;
}


/* ============================================================
   カート: semiorder / directors / 通常商品の混在ブロック
   ============================================================ */
.shopify-section--main-cart .cs-cart-block-notice {
  justify-self: stretch;
  text-align: start;
  margin-block-start: 1rem;
}

.shopify-section--main-cart .cart-recap .button:disabled {
  margin-block-start: 0.5rem;
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}



.stina-variant-picker__color-name{
    text-align: center;
}



body.page-retune .shopify-section--main-product .product-title{
  font-size: 26px;
  font-family:'didot', 'yu-gothic-pr6n', sans-serif !important;
  font-style: italic;
  text-align:center;
  letter-spacing: -0.05rem;
}


/* ==========================================================
   商品ギャラリー：3:4 で統一
   ========================================================== */
.product-gallery__media[data-media-type="image"] > img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: center;
}

.product-gallery__thumbnail > img,
.product-gallery__thumbnail > svg {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: center;
}


/* ==========================================================
   商品カード：3:4 で統一
   ========================================================== */
.product-card__image.cs-card-3x4 {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: center;
}

/* ホバー用の2枚目は絶対配置なので比率ではなく親に追従させる */
.product-card__image--secondary.cs-card-3x4 {
  aspect-ratio: auto;
  height: 100%;
}


/* ==========================================================
   ハンバーガーメニュー：メニュー下のロゴリンク（2カラム）
   ========================================================== */
.cs-sidebar-logo {
  /* --cs-logo-width は Liquid から注入（セクション設定 → ブロック個別の順に上書き） */
  margin-block-start: 1.5rem;
  padding-block-start: 1.5rem;
  padding-block-start: .5rem;
 /* border-block-start: 1px solid rgb(var(--border-color));*/
}

.cs-sidebar-logo__heading {
  margin: 0 0 0.75rem;
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  opacity: 0.6;
}

.cs-sidebar-logo__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 0rem;
  margin: 0;
  padding: 0;
  /* 左右のセルを同じ高さにし、その中で上下中央に置く */
  align-items: stretch;
}

.cs-sidebar-logo__cell {
  display: flex;
}

.cs-sidebar-logo__item {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  align-items: center;
  width: 100%;
  text-align: center;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.22s ease-in-out;
}

@media screen and (pointer: fine) {
  a.cs-sidebar-logo__item:hover {
    opacity: 0.6;
  }
}

/* ---- 高さの上限は設けず、余った高さを吸収して画像を上下中央に置く ---- */
.cs-sidebar-logo__media {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/* ---- 大きさは横幅だけで決まる。高さは元画像の比率のまま ---- */
.cs-sidebar-logo__image {
  display: block;
  width: var(--cs-logo-width, 120px);
  max-width: 100%;
  height: auto;
}

.cs-sidebar-logo__label {
  font-size: var(--text-xs);
  line-height: 1.4;
}



/* ==========================================================
   セミオーダー商品ページ専用
   ========================================================== */
.page-semi-order .product-personalizer .pplr-swatch-main {
  /* ここに書いた内容はセミオーダー商品でのみ有効 */
}

.page-semi-order .product-info__block-list {
  /* … */
}


.page-semi-order .product{
  gap:0px;
}



/* ==========================================================
   アナウンスバー：ページ種別で表示を切り替え
   glass  = TOP / closet_top / retune_top
   white  = 商品ページ（全ブランド）
   hidden = それ以外
   ========================================================== */

/* ---- 非表示 ---- */
body.announcement-hidden .shopify-section--announcement-bar {
  display: none;
}

/* ---- 商品ページ：白背景 ---- */
body.announcement-white .announcement-bar {
  background-color: #fff;
  background-image: none;
  color: #231815;
  border-block-end: 1px solid rgb(35 24 21 / 8%);
}

/* ---- TOP系：擦りガラス（FVに重ねる） ---- */
body.announcement-glass .shopify-section--announcement-bar {
  position: relative;
  z-index: 5;
}

body.announcement-glass .announcement-bar {
  background-color: rgb(255 255 255 / 45%);
  background-image: none;
  color: #231815;
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  backdrop-filter: blur(14px) saturate(150%);
  border-block-end: 1px solid rgb(255 255 255 / 25%);
}

/* 1枚目のセクション（FV）をアナウンスバーの高さぶん引き上げて重ねる */
body.announcement-glass #main:has(> .shopify-section:first-child [allow-transparent-header]) {
  display: flow-root;
}

body.announcement-glass #main > .shopify-section:first-child:has([allow-transparent-header]) {
  margin-block-start: calc(-1 * var(--announcement-bar-height, 0px));
}

/* backdrop-filter 非対応ブラウザは不透明度を上げて可読性を確保 */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.announcement-glass .announcement-bar {
    background-color: rgb(255 255 255 / 85%);
  }
}


/* ==========================================================
   言語・通貨セレクタ：折り返しを防ぐ
   ========================================================== */
.localization-selectors .localization-toggle,
.localization-selectors .localization-toggle > span {
  white-space: nowrap;
}

.localization-selectors .localization-toggle {
  flex-shrink: 0;
}

.localization-selectors .localization-toggle > svg {
  flex-shrink: 0;
}




/* ==========================================================
   商品詳細文字詰め
   ========================================================== */



/* カラー選択（.cs-color-products が中にある） */
.product-info__block-item:has(.product-title) {
    margin-bottom: 0px;
}

/* カート追加ボタン */
.product-info__block-item:has(.product-type-heading) {
    margin-bottom: 5px;
}


.product-info__block-item[data-block-type="description"]  {

}

.product-info__block-item[data-block-type="description"]  {

}

/* タブ */
.product-info__block-item[data-block-type="price"]  {
margin-bottom: 25px;
}

/* タブ */
.product-info__block-item[data-block-type="description"] p strong{
  font-family:'didot', 'yu-gothic-pr6n', sans-serif !important;
  margin-bottom:0px !important;
  font-size:20px;
  padding-top: 30px;
}

/* 商品説明：strong を中央寄せ */
.product-info__block-item[data-block-type="description"] .prose strong {
  display: block;
  text-align: center;
}

/* strong 直後の <br> は不要になるので消す（余分な空行を防ぐ） */
.product-info__block-item[data-block-type="description"] .prose strong + br {
  display: none;
}

.product-info__block-item[data-block-type="description"]  {
    padding: 0 10px;
}

/* カート追加ボタン */
.product-info__block-item:has(.variant-picker__option) {
    margin-bottom: 0px;
}


/* ==========================================================
   カラー選択：SPの並び数
   基本 3つ / ちょうど4つのときだけ 4つ
   ========================================================== */
@media screen and (max-width: 699px) {
  .variant-picker__option-values.color-option-with-label {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.625rem;
  }

  /* 既定：1行3つ */
  .variant-picker__option-values.color-option-with-label > * {
    flex: 0 0 calc((100% - 0.625rem * 2) / 3);
    max-width: calc((100% - 0.625rem * 2) / 3);
  }

  /* 子要素がちょうど4つのときだけ1行4つ */
  .variant-picker__option-values.color-option-with-label:has(> :nth-child(4):last-child) > * {
    flex: 0 0 calc((100% - 0.625rem * 3) / 4);
    max-width: calc((100% - 0.625rem * 3) / 4);
  }

  /* 枠内いっぱいに画像を表示 */
  .variant-picker__option-values.color-option-with-label .color-swatch__variant-img {
    width: 100%;
    height: auto;
  }

  .variant-picker__option{
    padding: 0 20px;
  }

}

.page-retune .shopify-section-group-header-group-retune .header{
  padding-block-end: 5px !important;
}

.shopify-section--collection-banner .prose h1{
  text-transform: uppercase;
  line-height: 1.5;
  letter-spacing: normal;
  font-size:24px;
}




/* ==========================================================
   セクション見出し：左右の横線の外端を全セクションで揃える
   ========================================================== */
.cs-retune-ranking__heading,
.cs-retune-category-list__heading,
.cs-retune-contents__heading,
.cs-retune-express-link__heading,
.cs-related__heading,
.cs-select-category__heading,
body.page-retune .shopify-section--collection-banner .prose h1 {
  --cs-heading-line-width: 18rem;   /* ← 線の外端が揃う基準幅 */

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  max-width: var(--cs-heading-line-width);
  margin-inline: auto;
  font-size: 20px;
}

.cs-retune-ranking__heading::before,
.cs-retune-ranking__heading::after,
.cs-retune-category-list__heading::before,
.cs-retune-category-list__heading::after,
.cs-retune-contents__heading::before,
.cs-retune-contents__heading::after,
.cs-retune-express-link__heading::before,
.cs-retune-express-link__heading::after,
.cs-related__heading::before,
.cs-related__heading::after,
.cs-select-category__heading::before,
.cs-select-category__heading::after,
body.page-retune .shopify-section--collection-banner .prose h1::before,
body.page-retune .shopify-section--collection-banner .prose h1::after {
  content: '';
  flex: 1 1 0;          /* max-width を外し、余りを埋める */
  min-width: 1.5rem;    /* 文字が長くても最低限の線を確保 */
  max-width: none;      /* ← 追加：古い max-width: 3rem を打ち消す */
  height: 1px;
  background-color: currentColor;
}

@media screen and (max-width: 699px) {
  .cs-retune-ranking__heading,
  .cs-retune-category-list__heading,
  .cs-retune-contents__heading,
  .cs-retune-express-link__heading,
  .cs-related__heading,
  .cs-select-category__heading,
  body.page-retune .shopify-section--collection-banner .prose h1 {
    --cs-heading-line-width: 14rem;
    gap: 0.75rem;
  }
}




.page-retune .collection__main .product-card__badges{
  margin-top: 10px;
}


.shopify-section--cs-select-category .section-stack{
  gap:10px;
}


/* フローティングロゴは常時表示（スクロールインの対象外にする） */
.shopify-section--cs-floating-logo,
.shopify-section--cs-floating-logo * {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  animation: none !important;
}







/**********絞り込み結果の非表示********
/collections/all?filter.p.m.custom.types=serenadeのように絞り込む

.active-facets {
  display:none;
}
**/

.active-facets {
  margin:auto;
}

.active-facets .removable-facet{
  border: 0px;
}


.active-facets .removable-facet .tap-area{
  border:0px;
}



/**********絞り込み結果の非表示*
お気に入りの無駄なポップアップ非表示
*********/


.swym-aw-nudge-card{
    display:none;
}



.cs-ranking__grid,
.cs-ranking__item,
.cs-retune-ranking__grid,
.cs-retune-ranking__item {
  position: relative;
}




.product-narrow-link{
  display:flex;
  justify-content:center;
  text-decoration:none !important;
  background: none !important;
}


.cs-footer__menu--plain .cs-footer__menu-title {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: .625rem;
  gap: 5px;
  margin: 0;
  padding-block: 0;
  font-size: 12px;
  font-family: Inter, sans-serif !important;
}

.cs-footer__menu--plain .cs-footer__menu-body {
  margin-block-start: -.25rem;
  padding-block-end: .625rem;
  padding-inline-end: .625rem;
  text-align: center;
}

@media (min-width: 768px) {
  .cs-footer__block--links_plain {
    flex-grow: 0;
    max-width: 14rem;
  }
}


/* ==========================================================
   商品ページの表
   ========================================================== */


@media screen and (max-width: 699px) {
  /* 親がflex/gridの場合、min-width:auto でテーブルが縮まないのを解除 */
  .cs-product-tabs,
  .cs-product-tabs__content {
    min-width: 0;
  }

  .cs-product-tabs__content table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;   /* ← これが効きどころ */
    border-collapse: collapse;
    font-size: 0.6875rem;
    line-height: 1.5;
  }

  .cs-product-tabs__content th,
  .cs-product-tabs__content td {
    padding: 0.4em 0.25em;
    white-space: normal;      /* nowrap の解除 */
    word-break: break-word;
    overflow-wrap: anywhere;
    box-sizing: border-box;
  }

  /* リッチテキスト等から貼られた width 指定を無効化 */
  .cs-product-tabs__content table[width],
  .cs-product-tabs__content th[width],
  .cs-product-tabs__content td[width],
  .cs-product-tabs__content col {
    width: auto !important;
  }

  /* サイズ名の列だけ少し広げたい場合 */
  .cs-product-tabs__content th:first-child,
  .cs-product-tabs__content td:first-child {
    width: 24%;
  }
}


.cs-meta-text {
  margin-top: 1.5rem;
  font-size: 0.8125rem;
  line-height: 1.9;
  color: #231815;
  margin-bottom: 1rem;
}
.cs-meta-text__line { margin: 0; }
.cs-meta-text__note {
  margin: 0.8em 0 0;
  font-size: 0.75rem;
  line-height: 1.8;
  color: #666;
}

/* 入力側で使えるタグの見た目 */
.cs-meta-text strong,
.cs-meta-text b {
  font-weight: 600;
}
.cs-meta-text a {
  text-decoration: underline;
  color: #c26a6a;
}
.cs-meta-text small {
  font-size: 0.85em;
}

.cs-meta-text--detail { margin-top: 2rem; }

@media screen and (max-width: 699px) {
  .cs-meta-text {
    margin-top: 1.2rem;
    font-size: 0.75rem;
    line-height: 1.8;
  }
  .cs-meta-text__note { font-size: 0.6875rem; }
}


.cs-meta-images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 0 0 1.5rem;
}

.cs-meta-images__item {
  margin: 0;
  min-width: 0;
}

.cs-meta-images__item img {
  display: block;
  width: 100%;
  height: auto;
}

/* 1枚だけの場合は幅を持たせすぎない */
.cs-meta-images__item:only-child {
  grid-column: 1 / -1;
  max-width: 50%;
}

@media screen and (max-width: 699px) {
  .cs-meta-images {
    gap: 0.5rem;
    margin-bottom: 1.2rem;
  }
  .cs-meta-images__item:only-child {
    max-width: 100%;
  }
}





/* 販売期間外のカートボタン */
.size-atc-row__atc-btn.is-order-blocked,
.size-atc-row__atc-btn[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}



.variant-picker{
  margin-top:10px;
}

/* ヘッダーロゴのリンクを無効化 
.header__logo,
.header__logo-link {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
  */



/* 8/5 打ち合わせ中の修正 */

.password__content .h3 p{
  font-family: 'Noto Serif JP', '游明朝体',serif !important;
  font-size:14px;
}



/* top semi order バナー 背景追加
.shopify-section--cs-semi-order .section-spacing{
    background: #fae5e5;
    padding-block-start: 10px !important;
    padding-block-end: 10px !important;
}

.shopify-section--cs-semi-order .section-spacing .container{
    margin-left: 10px;
    margin-right: 10px;
}
 */


.page-dots > * {
  width: 5px;
  height: 5px;
}



/*****stina topだけに後で変更する*****/
.product-info__block-list{
  margin-top: -10px;
}


.variant-picker__option  .swym-button{
  margin-left:10px;
}

.variant-picker .variant-picker__option{
  padding: 0 5px 0 20px;
}



.enen-password-page .shopify-app-block{
  display:none;
}