/** Shopify CDN: Minification failed

Line 17:24 Expected ":"
Line 21:24 Expected ":"
Line 25:24 Expected ":"
Line 29:24 Expected ":"
Line 33:31 Expected ":"
Line 36:22 Expected ":"
Line 39:21 Expected identifier but found "!"
Line 39:36 Expected ":"
Line 42:21 Expected ":"
Line 45:70 Expected ":"
... and 4 more hidden warnings

**/
.product__description{
  font-size: 1.4rem; ← 商品ページ説明の文字サイズを変更
}

.title--primary{
  font-size: 3.0rem; ← All Categoriesの文字サイズを変更
}

.collection-hero__title{
  font-size: 3.0rem; ← カテゴリ名の文字サイズを変更
}

.main-page-title.page-title{
  font-size: 3.0rem; ← About UsとContactの文字サイズを変更
}

.card__heading {
  font-size: px !important; ← 
}
.inline-richtext {
  color: #4D4D4D;  ← AllCategoriesのフォントカラーを指定する
}
.cart__empty-text {
  font-size: 3.0rem; !important; ← カートは空です。のフォントサイズを指定する
}
.cart__empty-text {
  color: #4D4D4D; ← カートは空です。のフォントカラーを指定する
}
#cart-notification-form button {
  background: #4D4D4D;   ご購入手続きへの文字の色を変更
  color: #ffffff;
}
#checkout {
  background: #4D4D4D;  配送方法の選択へ進むの文字の色を変更
  color: #ffffff;
}
.bar1 {
  ← 区切り線 block要素でmarginとwidthを指定
  display: block; 
/*コレ*/margin-left: auto;
/*コレ*/margin-right: auto;
/*コレ*/width: 50%;
  height: 1px;
  background-color: #4D4D4D;
  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}

.shopify-policy__title h1{
font-size: 3.0rem; ← ポリシーの文字サイズとカラー、他ボーダーなどを追加変更
color: #4d4d4d;
margin: 40px 0;
padding:0 0 20px 0;
border-bottom: 1px solid #000;
}

.price-item--regular{
 font-size: 1.8rem;  価格のフォントサイズ
}


/* メガメニューの改行を防ぐ（通常時は省略表示） */
.mega-menu__link {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 200px;
  display: inline-block;
  transition: all 0.3s ease;
  position: relative;
  text-decoration: none !important;
}

/* 第2階層のリンクを対象 */
.mega-menu__link--level-2 {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 200px;
  display: inline-block;
  position: relative;
  z-index: 10;
  transition: all 0.3s ease;
  text-decoration: none !important;
}

/* ホバー時に該当要素のみ全文表示 */
.mega-menu__link:hover,
.mega-menu__link:focus {
  overflow: visible !important;
  text-overflow: initial !important;
  max-width: none !important;
  width: max-content !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  padding: 0.8rem 1.2rem !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
  z-index: 9999 !important;
  border: 1px solid #ccc !important;
  position: relative !important;
  display: inline-block !important;
  vertical-align: top !important;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
}

/* ホバー時に隣接要素を一時的に隠す */
.mega-menu__link:hover ~ .mega-menu__link,
.mega-menu__link:focus ~ .mega-menu__link {
  visibility: hidden !important;
}

/* 3階層がある項目のみ矢印を表示 */
.mega-menu__link--level-2:has(+ .list-unstyled):after {
  content: "▼";
  font-size: 0.8em;
  margin-left: 0.5rem;
  transition: transform 0.3s ease;
}

/* 3階層メニューを初期状態で非表示 */
.mega-menu__link--level-2 + .list-unstyled {
  display: none;
  transition: all 0.3s ease;
}

/* クリック時に3階層を表示 */
.mega-menu__link--level-2.expanded + .list-unstyled {
  display: block !important;
}

/* 展開時に矢印を回転 */
.mega-menu__link--level-2.expanded:has(+ .list-unstyled):after {
  transform: rotate(180deg);
}

/* 3階層項目のスタイル調整 */
.mega-menu__link--level-2 + .list-unstyled li {
  padding-left: 1rem;
  margin-top: 0.5rem;
}

/* メガメニュー全体の設定 */
.mega-menu__content {
  overflow: visible !important;
  position: relative;
}

.mega-menu__list {
  display: flex;
  flex-wrap: nowrap !important;
  gap: 1.5rem;
  overflow: visible !important;
  position: relative;
}

/* リスト項目の設定 */
.mega-menu__list > li {
  position: relative;
  z-index: 1;
  overflow: visible !important;
}

/* ホバー中のリスト項目のみ表示 */
.mega-menu__list > li:hover {
  z-index: 9999 !important;
}

/* 下線削除（リンク機能は保持） */
.mega-menu__content a,
.mega-menu__list a,
.mega-menu__link,
.mega-menu__link--level-2 {
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  border-bottom: none !important;
}

/* ホバー時も下線なし */
.mega-menu__content a:hover,
.mega-menu__list a:hover,
.mega-menu__link:hover,
.mega-menu__link--level-2:hover {
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  border-bottom: none !important;
}

/* カテゴリページの説明文の幅を広げる */
.collection-hero__description,
.collection__description {
  max-width: 100% !important;
  width: 100% !important;
}

/* より具体的な指定 */
.collection-hero .collection-hero__description {
  max-width: none !important;
  width: 100% !important;
}

/* テキストコンテナ全体の幅も調整 */
.collection-hero__text-wrapper {
  max-width: 100% !important;
  width: 100% !important;
}

/* リッチテキスト要素の幅も調整 */
.rte {
  max-width: 100% !important;
  width: 100% !important;
}

/* モバイル用パンくずリストの位置調整 */
@media screen and (max-width: 749px) {
  .breadcrumb {
    text-align: left !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  
  /* パンくずリストのコンテナ調整 */
  .breadcrumb__list {
    justify-content: flex-start !important;
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  
  /* より具体的な指定 */
  .page-width .breadcrumb {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    text-align: left !important;
  }
}