/** Shopify CDN: Minification failed

Line 29:31 Expected ":"
Line 32:22 Expected ":"
Line 35:21 Expected identifier but found "!"
Line 35:36 Expected ":"
Line 38:21 Expected ":"
Line 41:70 Expected ":"
Line 45:78 Expected ":"
Line 49:5 Expected ":"
Line 60:22 Expected ":"
Line 68:51 Expected ":"

**/
.title--primary {
  font-size: 30px !important;
}

.collection-hero__title {
  font-size: 30px !important;
}

.main-page-title.page-title {
  font-size: 30px !important;
}


.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 !important;
  z-index: 9999;
  background: #ffffff;
  padding: 0.5rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: max-content;
  max-width: 180px;
  white-space: normal;
}

/* ホバー時に表示 */
.mega-menu__list > li:hover .mega-menu__link--level-2 + .list-unstyled,
.mega-menu__link--level-2 + .list-unstyled:hover {
  display: block !important;
}

/* ホバー時に矢印を回転 */
.mega-menu__list > li:hover .mega-menu__link--level-2:has(+ .list-unstyled):after {
  transform: rotate(180deg);
}

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



/* メガメニュー全体の設定 */
.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;
}