/** Shopify CDN: Minification failed

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

**/
/* ==========================
   BLOG ARTICLE
========================== */

.article-template .article-template__header{
  margin: 0;
}

/*ブログコンテンツ画面幅*/
.article-template .page-width{
  max-width: 1000px;
}

/*タイトル下余白とボーダー*/
.article-template__title{
  margin: 0 0 16px;
  padding-bottom: 38px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 1.4;
}

/* 記事レイアウト */

.article-layout{

  max-width:1000px;

  margin:40px auto 0;

  display:grid;

  grid-template-columns:340px 150px;

  gap:70px;

  align-items:start;

}


/* 本文 */

.article-main{

  width:100%;

  font-size:12px;

  line-height:2.1;

  color:#222;

}



.article-main p{

  margin-bottom:28px;

}



/* 記事本文画像 */

.article-main img,
.article-main.rte img,
.article-main.rte p img{

display:block !important;

position:static !important;

opacity:1 !important;

visibility:visible !important;

width:auto !important;

max-width:340px !important;

height:auto !important;

margin:70px auto !important;

}



/* Shopify標準media解除 */

.article-main .media,
.article-main .media img{

  position:static !important;

  height:auto !important;

}


.article-template .article-template__link{
  font-size: 1.4rem;
}

@media screen and (min-width: 750px) {
  .article-template .page-width{
    padding:0;
  }
}

/*ブログへ戻るボタン*/
.article-template__link link animate-arrow{
  display: inline-flex;
  width: auto;
  align-items: center;
}


/* ==========================
   SIDEBAR
========================== */


.article-sidebar{

  font-size:10px;

}



.sidebar-block{

  margin-bottom:55px;

}



.sidebar-block h3{

  font-size:10px;

  font-weight:400;

  border-bottom:1px solid #ddd;

  padding-bottom:12px;

  margin:0 0 20px;

}



.sidebar-block a{

  color:#222;

  text-decoration:none;

}



.sidebar-block img{

  width:55px;

  height:55px;

  object-fit:cover;

}



.sidebar-block p{

  font-size:10px;

  line-height:1.5;

  margin:3px 0;

}



/* 関連記事 */

.sidebar-article{

  display:flex !important;

  gap:10px;

  align-items:flex-start;

  margin-bottom:15px;

}



.sidebar-article img{

  width:55px !important;

  height:55px !important;

  object-fit:cover;

  margin:0 !important;

}



.sidebar-article span{

  font-size:10px;

  line-height:1.5;

}





/* ==========================
   TOP画像（アイキャッチ）
========================== */


.article-template__hero-medium{

  max-width:72.6rem !important;

  width:100% !important;

  height:auto !important;

  margin:0 auto !important;

}



.article-template__hero-medium img{

  position:static !important;

  display:block !important;

  width:100% !important;

  max-width:72.6rem !important;

  height:auto !important;

  object-fit:contain !important;

}





/* ==========================
   SP
========================== */


@media(max-width:749px){


.article-layout{

  display:block;

  max-width:100%;

  padding:0 20px;

  margin-top:30px;

}



.article-main img,
.article-main p img{

  max-width:100% !important;

  width:100% !important;

  margin:40px auto !important;

}



.article-sidebar{

  margin-top:60px;

}



.article-template__hero-medium{

  width:100% !important;

  max-width:100% !important;

}



.article-template__hero-medium img{

  width:100% !important;

  max-width:100% !important;

}



}


/* =========================================================
    配送日時指定　CSS
   ========================================================= */
#haisosm_et {
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 36rem;
    width: 100%;
    min-width: 240px;
    margin-left: auto !important;
    margin-right: 0 !important;
}


/* =========================================================
   HALO / Rise theme typography override
   Main font    : Helvetica
   Japanese     : Noto Sans JP
   ========================================================= */

/* Noto Sans JP */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600&display=swap');


/* =========================================================
   1. Font variables
   ========================================================= */

:root {
  --halo-font-sans:
    Helvetica,
    "Helvetica Neue",
    "Noto Sans JP",
    Arial,
    sans-serif;

  /* Rise / Dawn系テーマのフォント変数を上書き */
  --font-body-family: var(--halo-font-sans);
  --font-heading-family: var(--halo-font-sans);

  --font-body-style: normal;
  --font-heading-style: normal;

  --font-body-weight: 400;
  --font-body-weight-bold: 500;
  --font-heading-weight: 400;
}


/* =========================================================
   2. 全体設定
   ========================================================= */

html,
body {
  font-family: var(--halo-font-sans);
  color: #1a1a1a;
}

body,
input,
textarea,
select,
button {
  font-family: var(--halo-font-sans);
  font-style: normal;
  font-weight: 400;
}

/* 通常テキスト */
body {
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: 0.01em;
}

/* 英字をややシャープに表示 */
:lang(en) {
  letter-spacing: 0.02em;
}

/* 日本語は字間を広げすぎない */
:lang(ja) {
  letter-spacing: 0.01em;
}


/* =========================================================
   3. 見出し共通
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: var(--halo-font-sans);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-transform: none;
}

/* 大見出し */
h1,
.h0,
.h1 {
  font-size: 20px;
}

/* セクション見出し */
h2,
.h2 {
  font-size: 15px;
}

/* 小見出し */
h3,
.h3 {
  font-size: 12px;
}

/* 補助見出し */
h4,
h5,
h6,
.h4,
.h5 {
  font-size: 10px;
}


/* =========================================================
   4. 本文・リンク
   ========================================================= */

p,
.rte,
.rte p,
.product__description,
.product__description p {
  font-size: 11px;
  line-height: 1.85;
  font-weight: 400;
}

a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25em;
}

strong,
b {
  font-weight: 500;
}


/* =========================================================
   5. ヘッダー・メニュー
   ========================================================= */

.header__menu-item,
.header__inline-menu a,
.menu-drawer__menu-item,
.list-menu__item,
.header__icon {
  font-family: var(--halo-font-sans);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* ドロップダウンメニュー */
.header__submenu .header__menu-item {
  font-size: 9px;
  letter-spacing: 0.02em;
}


/* =========================================================
   6. 商品ページ
   ========================================================= */

/* 商品名 */
.product__title,
.product__title h1 {
  margin: 0;
}

.product__title h1 {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

/* 価格 */
.product .price,
.product .price-item,
.product__info-container .price {
  font-family: var(--halo-font-sans);
  font-size: 11px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0;
}

/* 税込・送料などの注釈 */
.product__tax,
.product__tax.caption,
.product__info-container .caption {
  font-size: 9px;
  line-height: 1.6;
  font-weight: 400;
}

/* 商品説明 */
.product__description,
.product__description.rte {
  font-size: 10px;
  line-height: 1.9;
  letter-spacing: 0.01em;
}

/* バリエーション見出し */
.product-form__input .form__label,
.product-form__input legend.form__label,
.product__info-container label {
  margin-bottom: 10px;
  font-family: var(--halo-font-sans);
  font-size: 10px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* バリエーションボタン */
.product-form__input input[type="radio"] + label {
  font-family: var(--halo-font-sans);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
}

/* 数量 */
.quantity__input,
.quantity__button {
  font-family: var(--halo-font-sans);
  font-size: 10px;
  font-weight: 400;
}

/* 商品情報アコーディオン */
.product__accordion .accordion__title,
.product__info-container .accordion__title {
  font-family: var(--halo-font-sans);
  font-size: 10px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.product__accordion .accordion__content,
.product__accordion .accordion__content p {
  font-size: 10px;
  line-height: 1.9;
  font-weight: 400;
}


/* =========================================================
   7. ボタン
   ========================================================= */

.button,
.shopify-payment-button__button,
.product-form__submit,
.quick-add__submit,
.customer button,
button.shopify-payment-button__button--unbranded {
  font-family: var(--halo-font-sans);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* ボタンの文字を中央で安定させる */
.button,
.product-form__submit,
.shopify-payment-button__button {
  min-height: 46px;
}


/* =========================================================
   8. 商品カード・コレクション
   ========================================================= */

/* 商品カードの商品名 */
.card__heading,
.card__heading a,
.product-card-wrapper .card__heading {
  font-family: var(--halo-font-sans);
  font-size: 10px;
  line-height: 1.55;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

/* 商品カード価格 */
.card-information .price,
.card-information .price-item {
  font-size: 10px;
  line-height: 1.4;
  font-weight: 400;
}

/* ブランド名 */
.card-information .caption-with-letter-spacing,
.card__information .caption-with-letter-spacing {
  font-size: 8px;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* コレクションタイトル */
.collection-hero__title,
.main-page-title,
.title-wrapper-with-link .title {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.01em;
}

/* 並び替え・絞り込み */
.facets__heading,
.facets__label,
.facets__summary,
.facet-filters__label,
.facet-filters__sort,
.mobile-facets__heading,
.mobile-facets__label {
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.02em;
}


/* =========================================================
   9. おすすめ商品
   ========================================================= */

.related-products__heading,
.product-recommendations__heading {
  font-size: 10px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}


/* =========================================================
   10. フッター
   ========================================================= */

.footer,
.footer p,
.footer a,
.footer-block__details-content,
.footer-block__details-content .list-menu__item--link {
  font-family: var(--halo-font-sans);
  font-size: 9px;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: 0.01em;
}

.footer-block__heading {
  font-family: var(--halo-font-sans);
  font-size: 8px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.footer__copyright,
.footer__copyright a,
.copyright__content {
  font-size: 8px;
}


/* =========================================================
   11. フォーム
   ========================================================= */

.field__input,
.select__select,
.customer .field input,
.customer select,
textarea {
  font-family: var(--halo-font-sans);
  font-size: 11px;
  font-weight: 400;
}

.field__label,
.customer .field label {
  font-family: var(--halo-font-sans);
  font-size: 10px;
  font-weight: 400;
}


/* =========================================================
   12. カート
   ========================================================= */

.cart-item__name,
.cart-notification-product__name {
  font-size: 11px;
  line-height: 1.5;
  font-weight: 400;
  text-transform: uppercase;
}

.cart-item__price-wrapper,
.totals__total-value,
.cart-drawer .price {
  font-size: 11px;
  font-weight: 500;
}

.totals__total,
.cart__footer .tax-note {
  font-size: 10px;
}


/* =========================================================
   13. スマートフォン
   ========================================================= */

@media screen and (max-width: 749px) {
  body {
    font-size: 12px;
    line-height: 1.75;
  }

  h1,
  .h0,
  .h1 {
    font-size: 18px;
  }

  h2,
  .h2 {
    font-size: 14px;
  }

  h3,
  .h3 {
    font-size: 12px;
  }

  .product__title h1 {
    font-size: 13px;
    line-height: 1.5;
  }

  .product .price,
  .product .price-item,
  .product__info-container .price {
    font-size: 11px;
  }

  .product__description,
  .product__description.rte,
  .product__description p {
    font-size: 11px;
    line-height: 1.85;
  }

  .header__menu-item,
  .menu-drawer__menu-item {
    font-size: 11px;
  }

  .button,
  .product-form__submit,
  .shopify-payment-button__button,
  .quick-add__submit {
    font-size: 10px;
  }

  .card__heading,
  .card__heading a {
    font-size: 10px;
  }

  .footer,
  .footer p,
  .footer a,
  .footer-block__details-content {
    font-size: 10px;
  }
}

/*新商品にNEWのラベルをつける*/
.card__inner {
  position: relative;
}

.card__inner .new-label {
  position: absolute;
  top: 10px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 20px;
  padding: 0 7px;
  color: #111;
  background: #fff;
  border: 1px solid #111;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  box-sizing: border-box;
}

@media screen and (max-width: 749px) {
  .card__inner .new-label {
    top: 8px;
    min-width: 35px;
    height: 20px;
    padding: 0 5px;
    font-size: 10px;
  }
}

/* =========================================================
    お気に入りアイコン
   ========================================================= */
.iwish-float-icon .iwish-counter{
  display:none!important;
}

body .iwish-float-icon{
  top: 90%;
}

@media screen and (min-width: 750px) {
  body .iwish-float-icon{
    top: 90%;
  }
}

/* =========================================================
   関連商品
   ========================================================= */

.related-products__heading{
  font-size:11px;
}

@media screen and (min-width: 750px) {
  .related-products__heading{
    font-size:10px;
  }
}


/* =========================================================
   お気に入りリストのハートのキャラクターを消す
   ========================================================= */
img[alt="wishlist-empty"] {
  display: none !important;
}

/* =========================================================
   バックインストックアプリの非表示(必須)削除しないように商品ページの再入荷メールが機能しなくなります。
   ========================================================= */
#restock-notice-btn{
  display:none;
}


/* 動画セクションの薄いグレー線を消す */
.video-section,
.video-section__media,
.video-section__poster,
.video-section__media iframe,
.video-section__media video,
.video-section__media img {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* カバー画像表示時の余白・背景線対策 */
.video-section__media {
  background: transparent !important;
  overflow: hidden;
}

/* deferred-media由来の枠線対策 */
deferred-media,
.deferred-media,
.deferred-media__poster,
.deferred-media__poster img {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}


/* Aboutページ用：動画セクションを画面幅いっぱいに広げる */
.about-full-video-wrapper {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* video-section自体の幅制限を解除 */
.about-full-video-wrapper .video-section {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* full_widthがOFFでもpage-widthの制限を解除 */
.about-full-video-wrapper .page-width {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 動画・カバー画像の枠も全幅にする */
.about-full-video-wrapper .video-section__media,
.about-full-video-wrapper .video-section__poster,
.about-full-video-wrapper .deferred-media,
.about-full-video-wrapper deferred-media {
  width: 100% !important;
  max-width: none !important;
}

/* カバー画像・動画本体を横幅いっぱいに */
.about-full-video-wrapper img,
.about-full-video-wrapper video,
.about-full-video-wrapper iframe {
  width: 100% !important;
  max-width: none !important;
}

/* ==========================
   Mst: Wishlist Prime
   シェア機能を非表示
========================== */

/* Mst: Wishlist Prime シェア機能非表示 */
.iwishShareContainer,
.iwish-share,
.iwish-share-container,
.iwish-social-share,
.iwish-social-icons,
.iwish-share-buttons,
.iwishEmailShare,
.iwishFacebookShare,
.iwishTwitterShare,
.iwishXShare,
[class*="iwish"] a[href*="mailto:"],
[class*="iwish"] a[href*="facebook"],
[class*="iwish"] a[href*="twitter"],
[class*="iwish"] a[href*="x.com"] {
  display: none !important;
}
/* Mst: Wishlist Prime メール共有アイコンを非表示 */
[class*="iwish"] [class*="mail"],
[class*="iwish"] [class*="email"],
[class*="iwish"] [href*="mailto"],
[class*="iwish"] [title*="mail"],
[class*="iwish"] [title*="Mail"],
[class*="iwish"] [title*="Email"],
[class*="iwish"] [aria-label*="mail"],
[class*="iwish"] [aria-label*="Mail"],
[class*="iwish"] [aria-label*="Email"],
[class*="iwish"] img[src*="mail"],
[class*="iwish"] img[src*="email"] {
  display: none !important;
}


/* ==========================
   商品一覧のバッジ（SOLD OUT）
   を調整
========================== */
.badge {
    border: 1px solid transparent;
    border-radius: 0;
    display: inline-block;
    font-size: 1rem;
    letter-spacing: .1rem;
    line-height: 1;
    padding: .5rem 1rem .5rem;
    text-align: center;
    background-color: #debc8b;
    border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
    color: rgb(var(--color-badge-foreground));
    word-break: break-word;
}

.card--media .card__inner .card__content {
    position: relative;
    padding: calc(var(--image-padding) + 1rem 0)!important;
}

@media screen and (min-width: 750px) {
    .card__information {
        padding-bottom: 1.7rem;
        /* padding-top: 1.7rem; */
    }
}

/*コレクション一覧画像表示位置*/
@media screen and (min-width: 750px) {
  .collection .card-wrapper .card__inner{
    background:#fff;
  }
  .collection .card-wrapper .card__media img{
    position: relative;
    left: -10%;
  }
  .collection .card-wrapper img[src*="pd-Herringbone-Chain-Necklace_01.png"] {
      top: -10%;
  }
}