/*.single_variation_wrap{ display:none !important;}
.shopping-cart-wrapper.header-customize-item { display: none !important;}*/

.home-probanner .banner-shortcode-wrap.style_8 .banner-content .text-content.left { width: 100%; text-align: center;}

.line-singleproduct .icon-box-container { text-align: left !important; margin-bottom: 20px;}
.line-singleproduct .icon-box-container img { width: 60px; height: 60px;}
.line-singleproduct .icon-box-container a { display: inline-block; vertical-align: middle;}
.line-singleproduct .icon-box-container .icon-content { display: inline-block;margin-left: 10px;}
.yolo-product-category .product-category-inner .text-left h2 {font-size: 14px;margin: 0;}
.woocommerce-account .customer_login_form_wrap .col2-set h2 {position: relative;text-align: left;text-transform: none;font-weight: 500;margin-bottom: 20px;line-height: 1;}
.home .breadcrumb-container.theme2 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}
@media screen and (max-width: 768px) {
    .breadcrumb-container {
        text-align: left !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .breadcrumb-container ol {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .breadcrumb-container li {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
}
header.yolo-mobile-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #fff;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

body {
  margin-top: 70px;
}
#yolo-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: white; /* 背景を白にして、下の要素が透けないように */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* シャドウで浮き上がるような効果 */
}
.yolo-login-button span {
  display: none;
}
/* ヘッダー内の各セクションを横並びに配置 */
.yolo-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* ロゴを左端に配置 */
.header-left {
    flex: 1;
    text-align: left;
}

/* メニューを中央に配置 */
.header-center {
    flex: 2;
    text-align: center;
}

/* トランスレートボタン, アカウントボタン, カートボタンを右端に配置 */
.header-right {
    flex: 1;
    text-align: right;
}

/* メニューアイテムの間隔を調整 */
#main-menu li {
    display: inline-block;
    margin: 0 10px; /* メニューアイテム間のスペース */
}

/* ロゴのサイズ調整（必要に応じて） */
.header-logo img {
    max-width: 150px;
    height: auto;
}

/* ボタン間のスペースを調整 */
.header-customize-nav > div {
    margin-left: 10px;
}
/* 画像の上部の余白を0にする */
.header-logo img {
    padding-top: 0 !important;
}

/* もし親要素に余白があった場合、それも調整 */
.header-left, .header-logo {
    padding-top: 0 !important;
}
/* ヘッダー中央のメニュー項目を太字に */
.header-center .yolo-main-menu a {
    font-weight: bold !important;
}
/* ロゴサイズを小さくする */
.header-logo img {
    width: 120px;
    height: 28.3px;
}
/* メニュー文字サイズを小さくする */
.yolo-main-menu > li > a {
    font-size: 14px !important;
}
}

/* メニューをロゴ側に寄せる */
.yolo-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#primary-menu {
    margin: 0 auto;
}

.yolo-login-button {
  margin-left: 50px; /* 数値を増やすと右へ移動します */
}

.breadcrumb-container {
  margin-top: 10px !important; /* 値は調整可能 */
}

/* カテゴリ一覧全体 */
/* 共通のスタイル */
.category-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px; /* アイテム間の余白 */
}

.category-item {
  flex: 1 1 30%; /* PC版: 3列表示 */
  text-align: center;
  margin-bottom: 12px; /* PC版: カテゴリ間の余白 */
}

.category-item img {
  width: 100px; /* アイコンのサイズ */
  height: 100px;
}

.category-item span {
  display: block;
  margin-top: 8px;
}

/* PC版: カテゴリ間の余白を詰める */
@media (min-width: 768px) {
  .category-item {
    margin-bottom: 15px;
  }
}

/* スマホ版 */
@media (max-width: 768px) {
  .category-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    justify-content: start;
  }
}

  .category-item img {
    width: 80px; /* スマホ版で画像サイズを少し小さく */
    height: 80px;
  }
}