.elementor-kit-62{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#000000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:14px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:14px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:14px;color:#000000;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:#FFFFFF;border-style:none;}.elementor-kit-62 a{color:#535353;}.elementor-kit-62 h1{font-size:20px;font-weight:500;}.elementor-kit-62 h2{color:#000000;font-size:18px;}.elementor-kit-62 h3{color:#000000;font-size:16px;font-weight:500;}.elementor-kit-62 h4{font-size:14px;}.elementor-kit-62 button,.elementor-kit-62 input[type="button"],.elementor-kit-62 input[type="submit"],.elementor-kit-62 .elementor-button{border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:#000000;--info-message-icon-color:#000000;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==================================================
   BLACK PARADE GLOBAL CSS
================================================== */


/* ==================================================
   1. HEADER
   透明背景・固定解除
================================================== */

.elementor-location-header,
.elementor-location-header.elementor-sticky--active,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .e-con,
.elementor-location-header .elementor-widget,
.elementor-location-header .elementor-widget-container,
.site-header,
.ast-primary-header-bar,
.main-header-bar,
.header-main,
.header-contents,
.header-mobile {
    background: transparent !important;
    isolation: auto !important;
}

/* Elementorヘッダー全体の固定を解除 */
.elementor-location-header,
.elementor-location-header.elementor-sticky--active {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    transform: none !important;
}


/* ==================================================
   2. HEADER LOGO
   中央配置・スクロール時は上へ消える
   白背景では黒、黒背景では白
================================================== */

.bp-invert-header-logo,
.bp-invert-header-logo.elementor-sticky--active {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    transform: translateX(-50%) !important;

    background: transparent !important;
    mix-blend-mode: difference !important;
    isolation: auto !important;

    z-index: 999999 !important;
}

.bp-invert-header-logo .elementor-widget-container {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.bp-invert-header-logo img {
    display: block !important;

    width: 300px !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    filter: invert(1) !important;
    mix-blend-mode: difference !important;
}


/* ==================================================
   3. LEFT SIDE CATEGORY MENU
================================================== */

#bpProductCategoryFilter,
.bp-side-menu-wrap {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#bpProductCategoryFilter .bp-side-menu,
.bp-side-menu-wrap .bp-side-menu {
    position: fixed !important;
    top: 120px !important;
    left: 32px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    color: #fff !important;

    mix-blend-mode: difference !important;
    isolation: auto !important;

    z-index: 999998 !important;
}

#bpProductCategoryFilter .bp-side-menu__section,
.bp-side-menu-wrap .bp-side-menu__section {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

#bpProductCategoryFilter .bp-side-menu__section--crew,
.bp-side-menu-wrap .bp-side-menu__section--crew {
    margin-top: 10px !important;
}


/* カテゴリーボタン */

#bpProductCategoryFilter .bp-side-menu__item,
.bp-side-menu-wrap .bp-side-menu__item,
#bpProductCategoryFilter .bp-category-filter-item,
.bp-side-menu-wrap .bp-category-filter-item {
    display: inline-block !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    color: #fff !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: 0.04em !important;

    text-align: left !important;
    text-decoration: none !important;

    cursor: pointer !important;

    box-shadow: none !important;
    outline: none !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}

#bpProductCategoryFilter .bp-side-menu__item:hover,
#bpProductCategoryFilter .bp-side-menu__item.is-active,
#bpProductCategoryFilter .bp-category-filter-item:hover,
#bpProductCategoryFilter .bp-category-filter-item.is-active,
.bp-side-menu-wrap .bp-side-menu__item:hover,
.bp-side-menu-wrap .bp-side-menu__item.is-active,
.bp-side-menu-wrap .bp-category-filter-item:hover,
.bp-side-menu-wrap .bp-category-filter-item.is-active {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}


/* 区切り線 */

#bpProductCategoryFilter .bp-side-menu__divider,
.bp-side-menu-wrap .bp-side-menu__divider {
    display: block !important;

    width: 120px !important;
    height: 1px !important;

    margin: 14px 0 !important;
    padding: 0 !important;

    border: none !important;

    background: #fff !important;
    opacity: 1 !important;
}


/* SNS */

#bpProductCategoryFilter .bp-side-menu__sns,
.bp-side-menu-wrap .bp-side-menu__sns {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
}

#bpProductCategoryFilter .bp-side-menu__sns-link,
.bp-side-menu-wrap .bp-side-menu__sns-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;

    color: #fff !important;
    text-decoration: none !important;
}

#bpProductCategoryFilter .bp-side-menu__sns-link svg,
.bp-side-menu-wrap .bp-side-menu__sns-link svg {
    display: block !important;

    width: 18px !important;
    height: 18px !important;

    fill: currentColor !important;
}


/* 商品カテゴリータイトル */

#bpProductCategoryTitle,
.bp-product-category-title {
    display: none;

    width: 100%;

    margin: 0 0 34px !important;
    padding: 0 !important;

    color: #111;

    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.06em !important;

    text-align: center !important;
}

#bpProductCategoryTitle.is-visible,
.bp-product-category-title.is-visible {
    display: block !important;
}

.bp-product-hidden {
    display: none !important;
}


/* ==================================================
   4. ELEMENTOR BUTTON RESET
================================================== */

.elementor-kit-62 button,
.elementor-kit-62 input[type="button"],
.elementor-kit-62 input[type="submit"],
.elementor-kit-62 .elementor-button {
    border-style: solid;
    border-width: 0;
}


/* ==================================================
   5. COMING SOON
   商品ページ
================================================== */

.bp-coming-soon,
.bp-coming-soon-countdown,
.bp-countdown-wrap {
    width: 100%;

    margin: 20px 0;

    color: #000;
    font-family: inherit;
    text-align: center;
}


/* 販売開始日時 */

.bp-coming-soon-date,
.bp-sales-start-date,
.coming-soon-date {
    margin: 0 0 10px;

    color: #000;

    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.6;
}


/* カウントダウン */

.bp-countdown,
.bp-countdown-timer,
.coming-soon-countdown {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;

    margin: 0 0 12px;
    padding: 0;
}

.bp-countdown-item,
.bp-countdown-box,
.coming-soon-countdown > div {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 3px;

    color: #000;

    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.4;

    white-space: nowrap;
}

.bp-countdown-number,
.bp-countdown-value,
.coming-soon-countdown .number {
    color: #000;

    font-size: 14px !important;
    font-weight: 600;
}

.bp-countdown-label,
.coming-soon-countdown .label {
    color: #000;

    font-size: 14px !important;
    font-weight: 400;
}


/* COMING SOON表示 */

.bp-coming-soon-title,
.bp-countdown-title,
.coming-soon-title {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 48px;

    margin: 0;
    padding: 14px 20px;

    border: 1px solid #000;

    background: #000;
    color: #fff !important;

    font-size: 20px !important;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: normal !important;

    text-align: center;
    text-transform: uppercase;

    box-sizing: border-box;
}

.bp-coming-soon-title:hover,
.bp-countdown-title:hover,
.coming-soon-title:hover {
    border-color: #000;
    background: #000;
    color: #fff !important;
}


/* ==================================================
   6. WOOCOMMERCE PRODUCT
================================================== */

.woocommerce-js div.product p.price,
.woocommerce-js div.product span.price {
    margin: 0 0 0.2em;

    color: #000;

    font-size: 20px;
    font-weight: 700;
}


/* Astra標準の在庫表示を非表示 */

.ast-stock-avail {
    display: none !important;
}


/* WooCommerce通知を非表示 */

.woocommerce-notices-wrapper {
    display: none !important;
}


/* WooCommerce標準の在庫切れを非表示 */

.stock.out-of-stock {
    display: none !important;
}


/* ==================================================
   7. PRODUCT LOOP BADGES
================================================== */

/* 商品カードを基準位置にする */

.e-loop-item {
    position: relative;
}


/* NEWバッジ */

.bp-new-badge {
    position: absolute;
    top: 1px;
    left: 1px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    padding: 0;
    margin: 0;

    border-radius: 50%;

    background: #000;
    color: #fff;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.05em;

    pointer-events: none;

    z-index: 20;
}


/* SOLD OUT */

.bp-sold-out-label {
    display: inline-block;

    padding: 4px 6px;

    background: #000;
    color: #fff;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;

    text-transform: uppercase;
}


/* ==================================================
   8. PRODUCT LOOP COMING SOON
================================================== */

.bp-loop-coming-soon {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;

    width: 100% !important;

    text-align: center !important;
}

.bp-loop-coming-soon__label,
.bp-loop-coming-soon__date {
    display: block !important;

    width: 100% !important;

    text-align: center !important;
}


/* ==================================================
   9. MOBILE
================================================== */

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

    /* ----------------------------------------------
       Header logo
    ---------------------------------------------- */

    .bp-invert-header-logo,
    .bp-invert-header-logo.elementor-sticky--active {
        position: absolute !important;
        top: 28px !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;

        transform: translateX(-50%) !important;
    }

    .bp-invert-header-logo img {
        width: 180px !important;
    }


    /* ----------------------------------------------
       Side category menu
    ---------------------------------------------- */

    #bpProductCategoryFilter .bp-side-menu,
    .bp-side-menu-wrap .bp-side-menu {
        top: 90px !important;
        left: 20px !important;
    }

    #bpProductCategoryFilter .bp-side-menu__section,
    .bp-side-menu-wrap .bp-side-menu__section {
        gap: 5px !important;
    }

    #bpProductCategoryFilter .bp-side-menu__item,
    #bpProductCategoryFilter .bp-category-filter-item,
    .bp-side-menu-wrap .bp-side-menu__item,
    .bp-side-menu-wrap .bp-category-filter-item {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    #bpProductCategoryFilter .bp-side-menu__divider,
    .bp-side-menu-wrap .bp-side-menu__divider {
        width: 100px !important;
        margin: 10px 0 !important;
    }

    #bpProductCategoryFilter .bp-side-menu__sns,
    .bp-side-menu-wrap .bp-side-menu__sns {
        gap: 10px !important;
    }

    #bpProductCategoryFilter .bp-side-menu__sns-link,
    #bpProductCategoryFilter .bp-side-menu__sns-link svg,
    .bp-side-menu-wrap .bp-side-menu__sns-link,
    .bp-side-menu-wrap .bp-side-menu__sns-link svg {
        width: 17px !important;
        height: 17px !important;
    }

    #bpProductCategoryTitle,
    .bp-product-category-title {
        margin: 0 0 24px !important;
        font-size: 18px !important;
    }


    /* ----------------------------------------------
       Coming Soon product page
    ---------------------------------------------- */

    .bp-countdown,
    .bp-countdown-timer,
    .coming-soon-countdown {
        gap: 7px;
        margin-bottom: 10px;
    }

    .bp-countdown-item,
    .bp-countdown-box,
    .coming-soon-countdown > div,
    .bp-countdown-number,
    .bp-countdown-value,
    .bp-countdown-label {
        font-size: 14px !important;
    }

    .bp-coming-soon-title,
    .bp-countdown-title,
    .coming-soon-title {
        min-height: 46px;
        padding: 13px 16px;

        font-size: 20px !important;
        letter-spacing: normal !important;
    }


    /* ----------------------------------------------
       Product loop NEW badge
    ---------------------------------------------- */

    body .e-loop-item .bp-new-badge,
    body .bp-new-badge {
        top: 8px !important;
        left: 8px !important;

        width: 25px !important;
        min-width: 25px !important;

        height: 25px !important;
        min-height: 25px !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 8px !important;
        line-height: 1 !important;
        letter-spacing: 0.02em !important;
    }


    /* ----------------------------------------------
       Product loop SOLD OUT
    ---------------------------------------------- */

    body .bp-sold-out-label {
        padding: 3px 5px !important;

        font-size: 10px !important;
        line-height: 1 !important;
    }


    /* ----------------------------------------------
       Product loop Coming Soon
    ---------------------------------------------- */

    body .bp-loop-coming-soon {
        gap: 3px !important;
    }

    body .bp-loop-coming-soon__label,
    body .bp-loop-coming-soon__date {
        font-size: 10px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }
}

/* ==================================================
   BLACK PARADE STATIC HEADER
   固定・スクロール表示を完全解除
================================================== */

:root {
  --bp-header-height: 80px;
}


/* Elementorヘッダー全体 */

body .elementor-location-header {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
  -webkit-transform: none !important;

  z-index: 1000 !important;
}


/* ヘッダー最上位コンテナ */

body .elementor-location-header .bp-scroll-header {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  display: block !important;

  width: 100% !important;
  height: var(--bp-header-height) !important;
  min-height: var(--bp-header-height) !important;
  max-height: var(--bp-header-height) !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;
  -webkit-transform: none !important;

  transition: none !important;
  will-change: auto !important;

  box-sizing: border-box !important;
  overflow: visible !important;

  pointer-events: auto !important;

  z-index: 1000 !important;
}


/* スクロール用クラスをすべて無効化 */

body .elementor-location-header .bp-scroll-header.bp-header-hidden,
body .elementor-location-header .bp-scroll-header.bp-header-visible,
body .elementor-location-header .bp-scroll-header.bp-header-at-top,
body.bp-hm2-open .elementor-location-header .bp-scroll-header {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;
  -webkit-transform: none !important;

  transition: none !important;

  pointer-events: auto !important;
}


/* Elementor内部コンテナ */

body .elementor-location-header .bp-scroll-header > .e-con-inner {
  position: relative !important;

  width: 100% !important;
  height: 100% !important;
  min-height: var(--bp-header-height) !important;
  max-height: var(--bp-header-height) !important;

  margin: 0 auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;

  align-items: center !important;

  box-sizing: border-box !important;
}


/* 固定ヘッダー用の余白を解除 */

body:not(.elementor-editor-active) #content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* ロゴをヘッダー内の中央へ */

body .elementor-location-header .bp-scroll-header .bp-invert-header-logo,
body .elementor-location-header .bp-scroll-header .bp-invert-header-logo.elementor-sticky--active {
  position: absolute !important;

  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;

  width: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;

  z-index: 20 !important;
}


/* ハンバーガー全体 */

#bpHamburgerV2 {
  position: absolute !important;

  top: 0 !important;
  right: 20px !important;
  bottom: auto !important;
  left: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 60px !important;
  height: var(--bp-header-height) !important;
  min-height: var(--bp-header-height) !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
  -webkit-transform: none !important;

  z-index: 30 !important;
}


/* ハンバーガーボタン本体 */

#bpHm2Toggle,
body.bp-hm2-open #bpHm2Toggle {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
  -webkit-transform: none !important;
}


/* WordPress管理バー対策 */

body.admin-bar .elementor-location-header,
body.admin-bar .elementor-location-header .bp-scroll-header {
  top: auto !important;
}


/* スマホ */

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

  body .elementor-location-header .bp-scroll-header {
    height: var(--bp-header-height) !important;
    min-height: var(--bp-header-height) !important;
    max-height: var(--bp-header-height) !important;
  }

  body .elementor-location-header .bp-scroll-header > .e-con-inner {
    height: var(--bp-header-height) !important;
    min-height: var(--bp-header-height) !important;
    max-height: var(--bp-header-height) !important;
  }

  body .elementor-location-header .bp-scroll-header .bp-invert-header-logo,
  body .elementor-location-header .bp-scroll-header .bp-invert-header-logo.elementor-sticky--active {
    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
  }

  #bpHamburgerV2 {
    top: 0 !important;
    right: 12px !important;

    width: 56px !important;
    height: var(--bp-header-height) !important;
    min-height: var(--bp-header-height) !important;
  }
}


/* Elementor編集画面 */

body.elementor-editor-active .elementor-location-header,
body.elementor-editor-active .elementor-location-header .bp-scroll-header {
  position: relative !important;
  top: auto !important;

  transform: none !important;
  -webkit-transform: none !important;
}/* End custom CSS */