/*
Theme Name: Blocksy Child v2
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions.
Tags: blog,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,buddypress,rtl-language-support,news
Version: 2.46
Updated: 2025-10-22 13:28:12
*/
.woocommerce .fc-postal-code-entry {
    display: flex;
}
.woocommerce .fc-container__grid--postal-code input {
    width: 150px !important;
}
.woocommerce .fc-form-group.fc-form-group--multiple-inline.fc-container--postal-code-actions--search {
    display: contents;
}
a.button-foxy-cart {
    width: 60px;
    display: block;
    background: #ffffff;
    margin: 0px 0 0 !important;
    border-radius: 12px;
    color: #dddddd;
    font-weight: bold;
    height: 50px !important;
    padding: 15px 0px;
    background-repeat: no-repeat;
    /* height: 100%; */
    background-image: url(/wp-content/uploads/2025/08/cart.svg);
    background-size: auto 50%;
    background-position: center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

div#fc {
    height: 100vh;
}
div#fc-cart {
    height: calc(100% - 0px);
    overflow: hidden;
    width: auto !important;
    padding: 40px 0 0 !important;
}
div#fc-cart--fixed-width {
    height: calc(100% - 170px);
    overflow: auto;
    margin: 0;
    padding: 0px;
}
header.fc-cart__header.fc-container__row {
    margin: 0 !important;
}
.fc-cart__title.fc-container__grid {
    margin: 0 !important;
    padding: 0 !important;
}
.fc-container__row.fc-cart-container {
    height: calc(100vh - 331px);
    width: 100%;
    margin: 0 !important;
}

div[data-fc-sidecart] div#fc-cart {
    background-color: #e6e6e6;
    margin: 0;
    padding: 0 !important;
}


.woocommerce .fc-cart__title.fc-container__grid {
    border-bottom: 3px solid #b2b2b2 !important;
    display: flex;
    justify-content: flex-end;
}
.woocommerce .fc-cart__title.fc-container__grid h2.fc-cart__title__header {
    text-transform: uppercase;
    font-size: 20px !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 17px 0px 0 0;
}

.woocommerce header.fc-cart__header.fc-container__row {
    padding: 28px !important;
}
.woocommerce p.fc-order-quantity span[data-fc-lang-cart-item] {
    display: none;
}
.woocommerce span[data-fc-order-quantity-integer="fc-order-quantity-integer"] {
    margin: 0 0px 0 0px;
    padding: 0 4px 0 0;
    text-align: center;
    display: inline-block;
    text-indent: initial;
    width: 24px;
}
.woocommerce .fc-container__row.fc-cart__item {
    background: #ffffff !important;
    color: #000000;
    padding: 24px 30px 10px 18px !important;
    margin: 0px 0px 24px !important;
    border-radius: 12px;
    flex-wrap: wrap;
}
.woocommerce .fc-cart__main__content.fc-container__grid {
    padding: 0 28px !important;
    width: 100% !important;
}
.woocommerce .fc-cart__item__details-and-image {
    display: flex;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    position: inherit !important;
    float: none !important;
    overflow: visible;
    overflow-wrap: anywhere;
}
.woocommerce .fc-cart__item__details-and-image .fc-cart__item__name a {
    padding: 0px 10px !important;
    background: #889eab !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 10px;
    position: absolute;
    top: 2px;
}
.woocommerce .fc-container__row .fc-cart__item__total {
    display: flex;
    justify-content: end;
    align-items: end;
    /* height: 100%; */
}

.woocommerce .fc-cart__item__details-and-image::after {
  content: "";
  display: block;
  clear: both;
}
.woocommerce .fc-cart__item__totals .fc-container__row {
    display: flex;
    flex-direction: column-reverse;
    margin: 14px 0 0 0 !important;
}
.woocommerce .fc-cart__item__totals .fc-container__row input#quantity1,
.woocommerce .fc-cart__item__totals .fc-cart__item__quantity__input {
    background: white !important;
    box-shadow: none !important;
    border: 2px solid #b4b4b4 !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    padding: 3px !important;
}

.woocommerce .fc-cart__item__quantity::before {
  content: "Qty";
  margin-right: 6px;
  font-weight: bold;
      color: #676767;

}
.woocommerce .fc-cart__item__total::before {
  content: "Subtotal";
  margin-right: 6px;
  font-weight: bold;
    color: #676767;
}
input#product-quantity {
width: 70px !important;
    display: block;
    font-size: 18px;
    background: #ffffff;
    margin: 0px 0 0 !important;
    border-radius: 12px !important;
    color: #4a4a4a;
    border: 0 !important;
    font-weight: bold;
    padding: 10px 7px 9px 20px !important;
    height: 50px;
}
.woocommerce #fc .fc-cart__items .fc-cart__item__remove a {
    position: absolute;
    width: 20px;
    display: block;
    background: #333 !important;
    margin: 0px 0 0 !important;
    border-radius: 12px;
    color: #4d4d4d;
    font-weight: bold !important;
    padding: 18px 3px 0 0;
    background-repeat: no-repeat !important;
    height: 20px;
    background-size: auto 50% !important;
    background-position: center !important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(/wp-content/plugins/staggs-pro/public//img/close.svg) !important;
    top: -12px;
    right: -18px;
    z-index: 129;
}
.woocommerce .fc-cart__item__totals {
    width: 100% !important;
    display: flex;
    justify-content: end;
}

.woocommerce p.fc-order-quantity {
    width: 50px;
    display: block;
    /* background: #ffffff; */
    margin: 0px 0 0 !important;
    border-radius: 12px;
    color: #4d4d4d;
    font-weight: bold !important;
    padding: 18px 3px 0 0;
    background-repeat: no-repeat;
    height: 50px;
    background-image: url(/wp-content/uploads/2025/08/cart.svg);
    background-size: auto 55%;
    background-position: center;
    text-indent: 46%;
    white-space: nowrap;
    overflow: hidden;
}
.woocommerce li.fc-cart__item__option {
    border-bottom: 2px solid #b4b4b4;
}
.woocommerce nav.fc-sidecart-only-fixed {
    visibility: hidden;
    height: 0;
}
.woocommerce li.fc-cart__item__option.fc-cart__item__option__hmac,
.woocommerce li.fc-cart__item__option--code {
    display: none;
}
.woocommerce li.fc-cart__item__actions {
    margin: 0 !important;
    height: 0;
}
.woocommerce .fc-cart__item__total p {
    font-size: 18px !important;
    display: inline;
}


.woocommerce #fc .fc-messages__empty-notification {
    background-color: #b4b4b4 !important;
    padding: 0 !important;
    visibility: hidden;
}

.woocommerce #fc .fc-messages__empty-notification a {
    color: #e6e6e6 !important;
    display: block !important;
    padding: 12px 90px !important;
}

.woocommerce .fc-action--checkout--button {
    text-shadow: 0 0 0 black !important;
    background: black !important;
    border: 0 !important;
    width: 100%;
    height: 50px !important;
    font-size: 20px !important;
    text-transform: uppercase;
    /* padding: 18px 0 !important; */
    border-radius: 8px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    line-height: normal !important;
}
.woocommerce .fc-action--checkout--button .fc-svg-icon {
    visibility: hidden;
    height: 0 !important;
    width: 0 !important;
}
.woocommerce h3.fc-transaction__header {
    visibility: hidden;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce .fc-action--payment--checkout::after {
    content: " Shipping, taxes, and discounts calculated at checkout.";
    display: block;
    font-size: 14px;
    color: #000000;
    margin-top: 8px;
}
.woocommerce ul.fc-transaction {
    border: 0 !important;
}
.woocommerce .fc-actions--payment {
    border: 0 !important;
}
.woocommerce ul.fc-transaction {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce .fc-actions--payment {
    border: 0 !important;
    padding: 0 28px !important;
}
.woocommerce .custom-foxy-cart-button {
    margin: 18px 0 12px !important;
    display: block !important;
    padding: 6px 0px 0px !important;
    width: 100%;
    height: 50px;
    text-align: center !important;
    background-color: #889eab !important;
    text-decoration: none !important;
    color: white !important;
    border-radius: 8px !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
}

button.custom-view-cart-button span {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    border-radius: 12px;
    overflow: hidden;
}

button.custom-view-cart-button span::before {
    content: "";
    position: absolute;
    inset: 0;
    mask-image: url(/wp-content/uploads/2025/08/cart.svg);
    mask-repeat: no-repeat;
    mask-position: center 2px;
    mask-size: auto 75%;
    -webkit-mask-image: url(/wp-content/uploads/2025/08/cart.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center 4px;
    -webkit-mask-size: auto 66%;
    background-color: white;
    pointer-events: none;
    z-index: 0;
}

/* テキストを上に表示 */
button.custom-view-cart-button span {
    position: relative;
    z-index: 1;
}
.woocommerce div[data-fc-id="block-order-totals"],
.woocommerce div[data-fc-id="block-address-entry"] {
    position: absolute;
    visibility: hidden;
}
.woocommerce div[data-fc-id="block-order-totals"] .fc-subtotal--row td,
.woocommerce div[data-fc-id="block-order-totals"] .fc-transaction__total table,
.woocommerce div[data-fc-id="block-order-totals"] .fc-transaction__total th{
    border: 0;
}
.woocommerce div[data-fc-id="block-order-totals"] .fc-subtotal__label {
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: none;
}
.woocommerce div[data-fc-id="block-order-totals"] .fc-subtotal__value{

}


.fc-cart__item__options li {
    display: flex;
    align-items: center;
    margin: 0 0 6px !important;
}

/* 「Type:」を左寄せ */
.fc-cart__item__option__name {
    flex-shrink: 0;
    color: #67676f;
}

/* コロンは普通のテキストなので無視できる */

.fc-cart__item__option__value {
    margin-left: auto;
    text-align: right;
    font-weight: bold;
    color: #4d4d58 !important;
}



div[data-fc-sidecart],
nav.fc-sidecart-only-fixed,
.fc-sidebar.fc-sidebar--cart
 {
    width: 500px!important;
}


div[data-fc-sidecart].is-close {
    transform: translateX(100%) !important;
}
div[data-fc-sidecart] {
    overflow: hidden;
    z-index: 100 !important;
    /*width: 520px;*/
    right:-520px !important;
    height: 100vh;
    background: #fff;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
    /*transform: translateX(100%);*/
    transform: translateX(0%)!important;
    transition: transform 0.3s 
    ease-in-out;
}

div[data-fc-sidecart] header#header {
    display: none;
}

[data-fc-sidecart] #fc #fc-cart--fixed-width .fc-cart__item__image {
    width: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
        margin-bottom: 12px;
}

ul.fc-cart__item__options {
    margin-left: 0 !important;
}

nav.fc-sidecart-only-fixed {
    /*width: 520px !important;*/
}
.fc-sidebar.fc-sidebar--cart {
    position: absolute !important;
    float: none !important;
    /* width: 520px !important; */
    bottom: 0;
    border-top: 1px solid #ccc !important;
    height: 175px;
}
.woocommerce .fc-sidebar.fc-sidebar--cart {
    position: absolute !important;
    float: none !important;
    width: 100% !important;
    bottom: 0;
    border-top: 1px solid #ccc !important;
    height: 175px;
}


div[data-fc-ui-block] {
    transform: none !important;
    width: 100% !important;
    z-index: 99;
    opacity: 1 !important;
    background-color: rgb(0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(4px);
}
div[data-fc-store-page] {
    transform: none !important;
}
.fc-cart__item__details {
    width: 100% !important;
}
.woocommerce #fc #fc-cart--fixed-width .fc-cart__item__details {
    width: 100% !important;
    padding: 0 !important;
}


.staggs-cart-form-button a.button.foxy-cart-add-to-cart {
    width: 100%;
    background-color: #ffffff;
    font-size: 20px;
    color: #4a4a4a;
    height: 50px !important;
    padding: 0 !important;
    display: flex;
    text-transform: uppercase;
}

.staggs-product-configurator-page .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer,
.staggs-product-configurator-page .otgs-development-site-front-end {
    display: none;
}

.option-group-wrapper .option-group.total .staggs-cart-form-button{
    /*display: block !important;*/
}
.custom-order-consent {
    text-align: left;
    display: block;
    margin: 0 0 20px;
}
.custom-order-consent label{
    display: block;
}
.single_add_to_cart_button{
    width: 65% !important;
    display: inline-block;
}

.quantity-input:hover{
    cursor: unset;
}

.woocommerce-terms-and-conditions-wrapper {
    margin-bottom: 0 !important;
}

button#place_order {
    margin: 10px 0 0 0;
}

.front-container{
    background-image: url(/wp-content/uploads/2025/03/background.png);
    /*background-size: 50vw 100vh;*/
    /*1000px 1000px;*/
    background-size: 1500px 1500px;
    animation: bgscroll 30s linear infinite;
    height: calc(100vh - 190px);
    background-repeat: repeat !important;
}
@-webkit-keyframes bgscroll {
    0% {background-position: 0 100px;}
    100% {background-position: 1500px 100px;}
   }
  
   @keyframes bgscroll {
    0% {background-position: 0 100px;}
    100% {background-position: 1500px 100px;}
   }

   .front-container {
    display: table;
    width: 100%;
}

.paneldescriptiontable .text-center{
    display: block;
    text-align: center;
    margin: 0 auto;
}

.front-content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

 .front-box{
    background-color: rgba(255, 255, 255, 0.45);
    width: 100%;
    max-width: 800px;
    margin: 0px auto 0;
    padding: 25px 50px 50px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 4px;
 }

 .front-content  .get_started a{
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 1px;
    color: white;
    border-top-width: 2px;
    border-top-color: #f7235b;
    border-top-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-right-width: 2px;
    border-right-color: #f7235b;
    border-right-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #f7235b;
    border-bottom-style: solid;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left-width: 2px;
    border-left-color: #f7235b;
    border-left-style: solid;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    display: block;
    text-align: center;
    background-color: #f7235b;
    background-image: none;
 }
 
 .table_background_gray{
    background-color: #f6f6f6;
 }

 /* スマホ・PC共通：クリック時に色を反転 */
.front-content .get_started a:active {
    background-color: white;
    color: #f7235b;
}

/* スマホ用：タップ時に色を反転 */
.front-content .get_started a:active,
.front-content .get_started a:focus {
    background-color: white;
    color: #f7235b;
}

/* iOSでのタップエフェクトを確実に適用する */
.front-content .get_started a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.wc-forward{
    display: inline-flex;
    padding: 0 0 0 6px !important;
    float: none !important;
    justify-content: center;
    align-items: center;
}

.product{
    border: 1px solid #ffffff !important;
    background: white;
    text-align: center !important;
    padding: 0 0 40px 0;
 }
 .product:hover{
    /*border: 1px solid #e9e9e9 !important;*/
    border: 1px solid #8f8f8f !important;
}

 .product-list {
    width: var(--theme-container-width);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 20px auto 0;
    overflow: auto;
}
.product-item a {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /*border: 1px solid #dfdfdf;*/
    height: auto;
}
.product-item a:hover {
    /*border: 1px solid #8f8f8f;*/
}
.product-list  .product-thumbnail img {
    width: 100%;
}

#simple-translate{
        opacity: 0;
}


.singlepage-product-list{
    display: flex ;
        position: absolute;
        width: 100%;
       /* margin: -50px;*/
       margin: -9.8%;
        height: 100px;
        z-index: 5;
}

.singlepage-product-list .product-item {
    flex: 1;
    /* 任意で以下も追加 */
    min-width: 0; /* 内容が大きくてもはみ出させない */
}

.singlepage-product-list img{
    height: 50px;
    width: auto;
    }

    .singlepage-product-list a{
    height: 100%;
    }

    .singlepage-product-list .product-boxr {
        display: flex;
        justify-content: center; /* 横中央 */
        align-items: center;     /* 縦中央 */
        height: 100px;           /* 高さが必要：これがないと縦中央が効かない */
    }
    
    .singlepage-product-list .product-title {
        margin: 0; /* 中央揃え時にはリセットしておくと整う */
    }

    .singlepage-product-list .currentpage a{
        border: 0;
        box-shadow: inset 0 2px 0px 0px #1890ff;
        background: #333;
        color: white;
        }
        .singlepage-product-list .product-item a{
            background-size: auto 50px;
            background-position: center;
            /*text-indent: 600px;*/
            background-repeat: no-repeat;
            }
       
        .singlepage-product-list .product-item:nth-child(1).currentpage a {
            background-image: url(/wp-content/uploads/2025/07/xlr_icon_white_on_333.png);
        }
        .singlepage-product-list .product-item:nth-child(1) a {
            background-image: url(/wp-content/uploads/2025/07/xlr_icon_black_on_ddd.png);
        }
        .singlepage-product-list .product-item:nth-child(2).currentpage a {
            background-image: url(/wp-content/uploads/2025/06/guitar_keyboard_horizontal_darkbg.png);
        }
        .singlepage-product-list .product-item:nth-child(2) a {
            background-image: url(/wp-content/uploads/2025/06/converted_icon_3_light_bg-1.png);
        }
        .singlepage-product-list .product-item:nth-child(3).currentpage a {
            background-image: url(/wp-content/uploads/2025/06/compact_effect_dark_bg.png);
        }
        .singlepage-product-list .product-item:nth-child(3) a {
            background-image: url(/wp-content/uploads/2025/06/compact_effect.png);
        }
        .singlepage-product-list .product-item:nth-child(4).currentpage a {
            background-image: url(/wp-content/uploads/2025/06/compact_effect_dark_bg.png);
        }
        .singlepage-product-list .product-item:nth-child(4) a {
            background-image: url(/wp-content/uploads/2025/07/user_icon_white.png);
        }


        .singlepage-product-list .product-boxr .product-title {
            color: white;
        }

        /*.singlepage-product-list .currentpage a::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            border-top: 40px solid #333;  
            border-right: 40px solid transparent;
          }*/


     .singlepage-product-list a{
            background: #ddd;
            box-shadow: inset 1px 0px 0px 0px #333;
     }

    .option-group-wrapper{
        background: #e6e6e6!important;
    }

#configurator-options{
    /*padding-top: 100px;*/
}
#configurator-options .option-group h1 {
    color: #4a4a4a !important;
    font-size: 20px;
    text-align: right;
    border-bottom: 3px solid #b2b2b2;
    text-transform: uppercase;
    padding: 0 0 12px 0;
    margin: 0 0 4px 0;
}
#configurator-options .option-group .price {
    /*color: white !important;*/
}
.option-group-wrapper label input{
    background-color: #ddd !important;
    border: 2px solid #262626 !important;
}
.option-group-wrapper .measurements .unit {
    color: black;
}

.staggs-configurator-main .show-panel svg path {
   /* fill: #fff!important;*/
}

.staggs-product-options,
.staggs-product-options .option-group-summary {   
     /*color: white !important;*/
}

.option-group-wrapper label .option {
    background-color: #ffffff !important;
}

#configurator-options .group-wrapper .measurements input {
    background: #ddd !important;
}

.option-group-step-title .option-group-title{
    color: white;
    text-align: center;
    display: block !important;
    margin: 0 0 6px 0;
}

.option-group-step .amount{
    display:none;

}

.product-boxl {
    height: auto;
    padding: 0 15px;
}
.product-boxr {
    padding: 16px;
}
.product-boxr .product-title {
    font-size: 13px;
    margin: 0;
}

.product-boxr .product-price{
    font-size: 13px;
    color:rgb(24, 24, 24);
}

.ct-container-full{
    padding: 0;
 }

.ct-container-full article{
    margin: 0;
    max-width: 100%;
    width: 100vw;
   /* height: calc(100vh - 60px);*/
}

.page-template-configure-page .ct-container-full article{
    height: calc(100vh - 60px);
}

#vpc-components {
    margin-top: 0 !important;
    height: calc(100vh - 90px);
    /* height: 100vh; */
    background-color: #f6f6f6;
    top: 0;
    font-size: 20px;
    z-index: 3;
    overflow: auto;
    direction: ltr;
    padding: 60px 0 0 0;
    width: 50vw;
    display: table-cell;
    position: absolute;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}


#vpc-container .xl-2-3 {
   /* width: calc(100% - 320px);*/
   width: 100%;
   height:calc(100vh - 60px);
   display: block;
   padding: 0 0 0 50vw;
   background-color: #dfdfdf;
}

.o-wrap {
    width: 100vw !important;
    display: table !important;
    direction: rtl;
}

.staggs-configurator-main .amount .sign:before{
    content:"+";
}
.page-template-configure-page .entry-content,
.staggs-product-configurator-page .entry-content{
    width: 100vw;
}

#vpc-preview, .vpc-cart-config-image, .saved-config-preview {
    border: 0px !important;
}

.staggs-product-configurator-page .ct-header-cart{
    display: none;

}

.option-group-panel {
    z-index: 9999;
}
/*.page-template-configure-page #header div,
.staggs-product-configurator-page #header div{
    background-color: rgb(40, 40, 44);
}*/

.page-template-configure-page #header, .staggs-product-configurator-page #header {   
    position: fixed;
}
.page-template-configure-page #header div, .staggs-product-configurator-page #header div {
    background-color: transparent;
}
.staggs-product-configurator-page #header .menu-container,
.staggs-product-configurator-page #header .ct-header-search{
    display: none;;
}
.staggs-product-configurator-page .staggs-product-options{
    max-height: calc(100vh - 146px) !important;
}
/*.staggs-product-configurator-page .staggs-product-options .gallery-spacer,*/
.staggs-product-configurator-page #configurator-options{
    /*margin: 245px 0 0 0!important;*/
}
.staggs-product-configurator-page #header{
position: fixed;
z-index: 5;
padding-left: 0;
}

.staggs-product-configurator-page .product {
    border: 0px solid #ffffff !important;
    background: white;
    text-align: center !important;
    padding: 0 0 0 0;
}

/*.staggs-product-configurator-page .hfeed{
    margin: -62px 0 0 0;
}*/
.staggs-product-configurator-page .hfeed {
    margin: 0px 0 0 0;
}

.page-template-configure-page #header .site-branding a{
    display: block;
    width: 109px;
    text-indent: -9999px;
    height: 18px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background: url(/wp-content/uploads/2025/06/enoaudio_title2.png);
    margin: 12px 0 0 18px;
}
.staggs-product-configurator-page #header .site-branding a::before {
    content: "Configurator by ";
    display: inline-block;
    margin-right: 4px;
    text-indent: initial;
}
.staggs-product-configurator-page #header .site-branding a {
    display: block;
    width: auto;
    /* text-indent: -9999px; */
    color: #4a4a4a;
    height: 18px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    /* background: url(/wp-content/uploads/2025/06/enoaudio_title2.png); */
    margin: 0px 0 0 4px;
    opacity: 0.5;
    text-shadow: -1px -1px #e1e1e1;
}
.staggs-product-configurator-page #header .site-branding a img {
    margin: 0 0 -3px 1px;
    width: 80px;
}
.page-template-configure-page #header a,
.staggs-product-configurator-page #header a{
    color: #ffffff;
}
.page-template-configure-page #header path,
.staggs-product-configurator-page #header path{
    fill: #ffffff;
}
.page-template-configure-page footer,
.staggs-product-configurator-page footer{
    display: none;
}

#myBtn{
    color: #A63C3C;
    background: none;
    border: 1px #A63C3C solid;
    width: 100%;
    margin: 14px 0 30px 0;
    position: relative;
    font-size: 16px;
    bottom: auto;
    right: auto;
    padding: 16px 28px;
    font-weight: bold;
    z-index: auto;
    border-radius: 12px;
    font-family: var(--sgg-button-font);
    font-weight: var(--sgg-button-font-weight);
    /*font-size: var(--sgg-button-font-size);*/
}
#myBtn:hover{
    cursor: pointer;
    background-color: #a63c3c12;
}

.single-product #totalprice{
    margin: 0 0 0 6px;
}

/*.staggs-product-options{
    position: fixed;
    top: 0;
    padding: 310px 0 0 0;
}*/

.option-group-options.options.list.list--preview {
    flex-direction: unset;
    width: 100%;
}
.option-group-options.options.list.list--preview label {
    width: 50%;
        padding: 10px;
    /* text-align: center; */
}
.option-group-options.options.list.list--preview label .option-image {
    width: 100%;
}
.option-group-wrapper .options input:checked {
    /* background-color: #ffa73b !important; */
    /* border-radius: 50% 50% !important; */
    /* visibility: visible !important; */
    /* border: 3px solid white !important; */
    /* z-index: 1; */
    left: 175px;
    width: 26px !important;
    /* transition: none; */
    top: 3px !important;
    /* display: unset; */
    /* position: absolute; */
    height: 26px !important;
}
.option-group-wrapper .options input:checked+.option {
    border-color: #ffa73b !important;
    outline: 3px solid #ffa73b;
    outline-offset: -2px;
}
.option-group-wrapper .options input+.option {
    border: 2px solid #b2b2b2 !important;
    border-radius: 10px !important;
}
.option-group-wrapper .options.list--preview .option-image+span {
    padding: 0 10% 0 0 !important;
    text-align: center;
    width: 100%;
    word-wrap: normal;
    position: absolute;
    top: 142px;
}
div.option-group-step[data-step-group-id="1"] label .option, div.option-group-step[data-step-group-id="9"] label .option {
    border: 0;
    padding: 0 !important;
}
div.option-group-step[data-step-group-id="1"] .option-group-step-inner .option-group-header {
    text-align: left;
    text-transform: uppercase;
    color: #4a4a4a;
}
p.option-group-summary {
    display: inline;
}
p.option-group-summary span.name {
    font-size: 19px;
    text-transform: capitalize;
    font-weight: bold !important;
}
p.option-group-summary span.name::before {
    content: "：";
    font-size: 16px;
}
.option-group-wrapper .options input {
    transform: none !important;
    transition: none !important;
}

.staggs-product-options .option-group-summary .amount,
.tooltip-price {
    margin-left: 5px!important;
}
.single-product .product_meta{
    display: none;
}


.vpc-component-header{
    color:#000411 !important;
}

.vpc-component{
    cursor: default !important;
    display: contents!important;
}


/*poppy用css ここから*/

#myCloseBtn:hover{
    cursor: pointer;
}

#myCloseBtn.hide-notice{
    background-image: url(/wp-content/plugins/staggs-pro/public//img/close.svg);
    background-color: #444;
    display: block;
    width: 32px;
    height: 32px;
    position: fixed;
    z-index: 60;
    top: 10px;
    right: 17px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 16px;
}
/*
#myCloseBtn.hide-notice:before {
    content: "\e915";
}
*/

.xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount {
    font-size: var(--sgg-button-font-size-tb);
}

.xoo-wsc-container, .xoo-wsc-slider {
    transition: 0.3s ease-out;
}
.xoo-wsc-basket {
    transition: 0.3s ease-out;
}

.xoo-wsc-ft-btn-checkout{
    background-color: #f7235b !important;
    border: 1px solid #f7235b !important;
}
.xoo-wsc-ft-btn-checkout:hover{
    background-color: #ffffff !important;
    border: 1px solid #f7235b !important;
}

.xoo-wsc-ft-btn-continue{
    background-color: #ffffff !important;
    border: 1px solid #dfdfdf;
    color: #000!important;
}
.xoo-wsc-ft-btn-continue:hover{
    border: 1px solid #dfdfdf;
}

.woocommerce-message #myBtn:hover{
    cursor: pointer;
    background-color: #8f8f8f;
}
/* The Modal (background) */
.modaltitle{
    font-size: 22px;
    margin: 36px 0 10px;
    text-transform: uppercase;
}

.xoo-wsc-ft-btn-continue{
    display: none !important;
}

a.xoo-wsc-ft-btn-checkout .amount {
    font-style: normal !important;
}

body.panel-shown .option-group-panel.shown:before {
    opacity: 1 !important;
    background-color: rgb(0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(4px);
}

body.panel-shown .option-group-panel .option-group-panel-content{
    background: white;
    height: calc(100% - 89px);
    overflow: auto;
}

.page-template-configure-page .modal,
.staggs-product-configurator-page .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 51; /* Sit on top */
    padding: 5%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.3); /* Black w/ opacity */
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(4px);
  }
  
.xoo-wsc-opac{
    display: none;
    position: fixed;
    z-index: 999996;
    padding: 5%;
    right: 0;
    bottom: 0;
    transition: height 0s 0.4s, opacity 0.4s 0s;
    top: 0;
    opacity: 0;
    height: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(4px);
}

.xoo-wsc-cart-active .xoo-wsc-opac {
    display: block;
}

.xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount {
    border-radius: 12px;
}

.xoo-wsc-footer {
    padding: 10px 20px 20px;
}

.option-group-wrapper .option-group-options.cards {
    grid-template-columns: repeat(1, 1fr)!important;
}

.option-group-wrapper #option-group-729 .option-group-options.cards {
    grid-template-columns: repeat(4, 1fr) !important;
    display: grid !important;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
    margin: 10px 0 0 0;
    padding: 10px 20px;
    color: var(--theme-button-text-initial-color);
    border: var(--theme-button-border);
    background-color: var(--theme-button-background-initial-color);
    text-transform: uppercase;
    font-size: var(--sgg-button-font-size-tb);
    border: 1px solid var(--theme-button-background-initial-color);
}
.xoo-wsc-ft-buttons-cont {
    margin: 0 0 10px;
}

.xoo-wsc-icon-bag2:before {
    content: "\e90c";
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn:hover {
    border: 1px solid var(--theme-button-background-initial-color);
}

  /* Modal Content */
  .page-template-configure-page .modal-content,
  .staggs-product-configurator-page .modal-content {
    border-radius: 12px;
    background-color: #fefefe;
    padding: 3px 35px 35px;
    border: 1px solid #888;
    width: 90%;
    max-width: 1000px;
    overflow-x: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .staggs-product-configurator-page .modal-content .modal-box-link{
    border-radius: 12px;
    height: auto;
    line-height: 1;
}
/*.staggs-product-configurator-page .modal-content .modal-box-link a{
    border: 1px solid #dfdfdf;
    border-radius: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
    line-height: 1;
    display: block;
    text-transform: uppercase;
}*/
.staggs-product-configurator-page .modal-content .modal-box-link a{
    margin: 10px 0 0 0;
    padding: 15px 20px;
    color: var(--theme-button-text-initial-color);
   /* border: var(--theme-button-border);*/
    background-color: var(--theme-button-background-initial-color);
    text-transform: uppercase;
    font-size: var(--sgg-button-font-size-tb);
    border: 1px solid var(--theme-button-background-initial-color);
    text-transform: uppercase;
    display: block;
    border-radius: 12px;
}
.staggs-product-configurator-page .modal-content .modal-box-link01 a{
    color: black;
   /* border: var(--theme-button-border);*/
    background-color: white;
    text-transform: uppercase;
    font-size: var(--sgg-button-font-size-tb);
    border: 1px solid #dfdfdf;
    text-transform: uppercase;
    display: block;
    border-radius: 12px;
}
.staggs-product-configurator-page .modal-content .modal-box-link01 a:hover {
    border: 1px solid #8f8f8f;
}
.staggs-product-configurator-page .modal-content .modal-box-link02 a{
    color: var(--theme-button-text-initial-color);
   /* border: var(--theme-button-border);*/
    background-color: #889eab;
    text-transform: uppercase;
    font-size: var(--sgg-button-font-size-tb);
    border: 1px solid #889eab;
    text-transform: uppercase;
    display: block;
    border-radius: 12px;
}
.staggs-product-configurator-page .modal-content .modal-box-link02 a:hover{
    background-color: white;
    color: #000;
}
  
  .staggs-product-configurator-page .modal-content .modal-box-link-content{
    width: var(--theme-container-width);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 30px auto 0;
    /*overflow: auto;*/
  }

  /* The Close Button */
  .page-template-configure-page .close,
  .staggs-product-configurator-page .close,
  .staggs-product-configurator-page .close2 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    display: block;
    margin: 0 -19px 0 0;
  }
  
  .page-template-configure-page .close:hover,
  .page-template-configure-page .close:focus,
  .staggs-product-configurator-page .close:hover,
  .staggs-product-configurator-page .close:focus,
  .staggs-product-configurator-page .close2:hover,
  .staggs-product-configurator-page .close2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  /*poppy用css ここまで*/

  .page-template-configure-page .ct-container{
    max-width: 100vw;
    width: 100vw;
    padding: 0 11px;
    min-height: 60px !important;
}

.staggs-product-configurator-page .ct-container{
    width: 50vw;
    padding: 0 11px;
    margin-left: 0;
    min-height: 60px !important;
}

.page-template-configure-page #vpc-container,
.page-template-configure-page .vpc-action-buttons,
.staggs-product-configurator-page #vpc-container,
.staggs-product-configurator-page .vpc-action-buttons{
    max-width: 100vw;
    width: 100vw;
}

.page-template-configure-page .vpc-action-buttons,
.staggs-product-configurator-page .vpc-action-buttons {
    width: 250px !important;
    max-width: 250px !important;
    position: absolute;
    z-index: 3;
    right: 18px;
    bottom: 8px;
    margin: 0 22px 18px 0;
    padding: 10px 0px 0 0;
    text-align: right;
}

.page-template-configure-page .vpc-action-buttons input,
.page-template-configure-page .vpc-action-buttons button,
.staggs-product-configurator-page .vpc-action-buttons input,
.staggs-product-configurator-page .vpc-action-buttons button{
    font-size: 16px;
}

.single_add_to_cart_button.loading {
    color: grey !important;
    opacity: 1
}

.option-group-wrapper .option-group.total .staggs-cart-form-button.staggs [type=submit].loading:before {
    filter: none !important;
    opacity: 1;
    z-index: unset;
}


.staggs-view-gallery__image {
        width: 100%!important;
            max-width: 1920px!important;
    /*display: contents!important;*/
    /*display: block !important;*/
}

.quantity .qty{
    width: 100% !important;
}

.staggs-product-configurator-page .option-group-wrapper .staggs-summary-widget .staggs-summary-title {
    text-align: left;
    font-size: 16px;
}
.staggs-product-configurator-page .staggs-configurator-main ul {
    text-align: left;
}
.staggs-product-configurator-page .staggs-configurator-main ul li{
    border-bottom: 1px solid var(--sgg-button-background);
    display: flex;
    padding: 12px 20px;
}
.staggs-product-configurator-page .staggs-configurator-main ul li strong,
.staggs-product-configurator-page .staggs-configurator-main ul li p{
    flex: 0 0 50%;
}

.staggs-product-configurator-page .staggs-configurator-main .option-group-wrapper .staggs-summary-widget {
    /*background-color: rgb(255 255 255);*/
    background-color: #333!important;
    padding: 20px 0 150px;
    margin: 30px 0 0;
}

.option-group-wrapper {
    padding-bottom: 28px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.staggs-product-configurator-page .staggs-configurator-main .option-group-wrapper .totals-row {
    font-size: 24px;
    /* background-color: var(--sgg-option-background); */
    /* padding: 20px; */
    border-radius: 12px;
    margin: 0 0 0px;
    color: #ffffff;
}
.staggs-preview-actions {
    text-align: center;
    margin: 44px 0px 0px;
}
.staggs-preview-actions p {
    text-transform: uppercase;
    color: #4a4a4a;
    font-size: var(--sgg-heading-font-size);
    margin: 0 0 12px 0 !important;
    display: block;
    font-weight: bold;
}
.staggs-product-configurator-page .option-group.total {
padding: 15px 28px 0 !important;
    position: fixed;
    bottom: 0;
    height: 146px;
    margin: 0 0 0 -28px;
    width: 500px;
    background: #889eab !important;
}
.staggs-product-configurator-page .staggs-configurator-main .staggs-product-options .option-group {
    padding: 0 0 var(--sgg-group-spacing-bottom);
}
.staggs-product-configurator-page .staggs-configurator-main  .staggs-preview-actions button:hover{
    cursor: pointer;
}

.xoo-wsc-sum-col .variation{
    display: flex !important;
}
.xoo-wsc-product dl.variation dd, .xoo-wsc-product dl.variation dt {
    font-style: normal;
    width: 45%;
    flex: 0 0 50%;
    border-bottom: 1px solid var(--sgg-button-background);
    margin: 6px 0 0;
}
.option-group-wrapper .cards .option {
    display: flex!important;
    justify-content: center;
    align-items: center;
}
/*
.single_add_to_cart_button {
    position: relative;
    overflow: hidden;
}

.single_add_to_cart_button .button-text,
.single_add_to_cart_button .loading-text {
    display: inline-block;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.single_add_to_cart_button .loading-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
}

.single_add_to_cart_button.loading .button-text {
    opacity: 0;
    transform: scale(1);
}

.single_add_to_cart_button.loading .loading-text {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
*/

.woocommerce-message{
    /*padding: 1em 2em 1em 3.5em !important;*/
    padding: 1em 2em 1em 2em !important;
    justify-content: center;
    align-items: center;
    display: inline-flex !important
;}

#configurator-options .option-group:nth-child(1) {
    /*position: fixed;
    left: 0;
    z-index: 4;
    width: calc(100% - 540px);*/
}
#configurator-options .option-group h1 {
}

#configurator-options .option-group .price {
}

/*
.staggs-view-gallery__image img:nth-child(1) {
    z-index: 1!important; 
}

.staggs-view-gallery__image img:nth-child(2) {
    z-index: 2!important;
}

.staggs-view-gallery__image img:nth-child(3) {
    z-index: 3!important; 
}

.staggs-view-gallery__image img:nth-child(4) {
    z-index: 4!important; 
}

.staggs-view-gallery__image img:nth-child(5) {
    z-index: 5!important;
}

.staggs-view-gallery__image img:nth-child(6) {
    z-index: 6!important; 
}
*/

.woocommerce-cart-form__contents .vpc-cart-options-container .vpc-cart-options > div > div {
    border-right: 0px solid #e8e8e8;
}

.woocommerce-cart-form__contents .vpc-cart-options-container .vpc-cart-options > div img {
    margin: 5px 5px 5px 10px;
}

.woocommerce-cart-form__contents .vpc-cart-options-container .vpc-cart-component{
    background-color: #e8e8e8;
    /* float: left; */
    /* display: table-row; */
    width: 100%;
}
.woocommerce-cart-form__contents .vpc-cart-options-container .vpc-cart-options{
    background-color: #ffffff;
    /* float: left; */
    /* display: table-row;*/
}

.woocommerce-cart-form__contents .vpc-cart-options-container > div {
    /* clear: both; */
    display: block;
    width: 100%;
    padding: 6px 6px 0;
}
.woocommerce-cart-form__contents .o-wrap {
    width: 100% !important;
    display: table !important;
    direction: ltr;
    border: 0;
}

.woocommerce-cart-form__contents .vpc-cart-options-container .vpc-cart-options > div > div:first-child {
    white-space: normal;
    overflow: unset;
    text-overflow: unset;
    width: auto;
    display: table-cell;
    /* float: left; */
    padding: 0;
    vertical-align: middle;
    }

    .woocommerce-cart-form__contents .vpc-cart-options-container .vpc-cart-options > div > div:last-child {
        padding: 0;
        display: table-cell;
        text-overflow: unset;
        white-space: unset;
        overflow: unset;
        width: auto;
        line-height: unset;
    }

    .woocommerce-cart-form__contents .vpc-cart-options-container {
        width: 100%;
        padding: 6px;
        margin: 6px 0;
        border: 1px solid #c8c8c8;
    }

.page-template-configure-page #vpc-price-container{
    background-color: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 4px;
    padding: 12px 270px 8px 16px;
    font-size: 18px;
    margin: 10px;
    position: absolute;
    color: #28282c;
    right: 0;
    bottom: 10px;
    z-index: 3;
}
.page-template-configure-page #vpc-price-container .vpc-price-label{
    color: #28282c !important;
}

#vpc-qty-container input[type=button], .vpc-action-buttons button {
    background: #818181!important;
}

.vpc-options{
    display: block !important;
    height: auto !important;
    margin-top: 0 !important;
 }

.page-template-configure-page .vpc-options {
    background-color: #fdfdfd!important;
}

.page-template-configure-page #vpc-master  {
    position: absolute;
    width: 50vw;
    margin-top: calc(100vh - 75vh);
    top: 0;
    left: 0;
    transform-origin: center center;
    /* cursor: grab; */
    z-index: 1;
}
#vpc-preview {
    max-width: 1000px !important;
    margin: 0 auto;
}

#slider-container {
    margin: 0;
    width: 50vw;
    text-align: left;
    left: 0;
    position: absolute;
    z-index: 3;
    padding: 0;
}
#slider-container .slider-container-box{
    background-color: rgba(223, 223, 223, 0.45);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 4px;
    width: 256px;
    padding: 8px 8px;
    margin: 10px;
}

#scale-slider {
    display: block;
    width: 240px;
    margin: 8px 0 5px 0;
}

#slider-container input[type="range"]::-webkit-slider-runnable-track {
    background: #818181;
    height: 1px;
  }
  
#slider-container input[type="range"]::-moz-range-track {
    background: #818181;
    height: 1px;
  }

  #slider-container  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -6px; /* Centers thumb on the track */
    background-color: #28282c!important;
 }

#slider-container #slider-value{
    font-size: 14px;
    margin: 12px 0 0 0;
    display: inline-block;
    color: #28282c;
}

#slider-container #reset-scale{
    cursor: pointer;
    font-size: 12px;
    background: none;
    display: inline-block;
    color: #A63C3C;
    padding: 0px 12px;
    font-weight: bold;
    border: 1px #A63C3C solid;
}
#slider-container #reset-scale:hover{
    background-color: rgba(166, 60, 60, 0.1);
}

.page-template-configure-page #vpc-preview img{
    width: 80%;
}
#vpc-preview img:first-child{z-index: 0;}
#vpc-preview img:nth-child(2){z-index: 2;}
#vpc-preview img:nth-child(3){z-index: 3;}
#vpc-preview img:nth-child(4){z-index: 4;}

.txt.vpc-selected {
    color: #28282c !important;
    font-weight: bold !important;
    text-align: right;
    float: right;
    margin: 6px 0 0 0;
    font-size: 18px !important;
}


.vpc-selected-icon img{
    display:none ;
}
.vpc-component-header > span{
    padding: 10px 20px !important;
    display: block !important;
}

/* ボタンの基本スタイル */
.ripple-button {
    position: relative;
    overflow: hidden;
    outline: none;
}

/* 波紋のスタイル */
.ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: ripple-effect 0.6s linear;
    background: rgba(255, 255, 255, 0.6);
}

/* アニメーション */
@keyframes ripple-effect {
    to {
        transform: scale(4);
        opacity: 0;
    }
}

.vpc-options input:checked + label.custom:before {
    content: ""!important;
}

.vpc-options input:checked + label.custom {
    border: 2px solid #0d0d0d !important;
    /* width: calc(100% - 7px) !important; */
    /*margin: 4px 9px !important;*/
    /*font-weight: bold;*/
}

#component-6745d39328a76 .vpc-single-option-wrap {
    width: calc(20% - 5px);
    /*min-width: 25%;*/
}

#component-6745d39328a76 .vpc-single-option-wrap .custom {
    text-align: center!important;
}

#component-6745d39328a76 .vpc-options label.custom:before{
    display:none;
}

.vpc-options label.custom{
    width: calc(90% - 36px) !important;
    height: auto !important;
    vertical-align: top !important;
    text-align: left !important;
    padding: 18px !important;
    margin: 5px 5% 6px !important;
    border-radius: 6px;
    font-size: 16px !important;
    text-transform: uppercase;
}

.vpc-options label.custom:before{
    float: right;
}

.vpc-group {
    padding: 20px 4%!important;
    direction: ltr;
}
.vpc-group-name {
    display: block!important;
}

.vpc-group label{
    border: 2px solid #dbdbdb!important;
}

.vpc-single-option-wrap {
    width: calc(33% - 4px);
    /*min-width: 33%;*/

    display: inline-block;
}

.vpc-selected-description{
    color: #818181;
    font-size: 14px;
    margin: 0 0 12px;
}
/* フェードイン・フェードアウト用 */
.vpc-selected-description {
    /*opacity: 0;*/
    transition: opacity 0.2s ease-in-out;
}

#debug .vpc-success:before {
    content: "\f00c";
    color: #1ae500;
    font-family: FontAwesome;
    margin: 0 10px 0 0;
}
#debug .vpc-success a {
    color: #fff !important;
    display: block;
    width: auto;
    right: auto;
    height: auto;
    top: auto;
    margin: 16px 0 0 0;
    border: 1px solid #434344;
    background-color: #00aae7;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
    border-radius: 3px;
}

.vpc-success{
    background-color: #28282c !important;
    /* display: block; */
    position: absolute;
    left: calc(50% - 250px);
    /* vertical-align: middle; */
    top: calc(50% - 130px);
    /* margin: 0; */
    padding: 30px !important;
    width: 500px;
    height: auto;
    /* color: #2f2f2f !important; */
    /* text-align: center !important; */
    /* height: 60px; */
    z-index: 4;
    border-radius: 5px;
}

.close-btn_bg{
    width: 100vw;
    height: 100vh;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(4px);    position: absolute;
    top: 0;
    z-index: 3;
    right: 0;
}

.ct-cart-content .product-data .vpc-cart-config {
    border: 0px solid #c8c8c8;
    margin-bottom: 0;
    padding: 5px;
}
.ct-cart-content .product-data .o-wrap{
    width: 90% !important;
}
.woocommerce-mini-cart .remove {
    width: 23px !important;
    height: auto !important;
    padding: 60px 0 60px 3% !important;
}
.woocommerce-mini-cart__buttons,
.woocommerce-mini-cart__total  {
    border-top: 1px solid var(--mini-cart-divider-color, rgba(0, 0, 0, 0.07))!important;
}
.ct-cart-content .vpc-cart-config-image{
    background-color: #dfdfdf !important;
}

.ct-cart-content .vpc-cart-options-container .vpc-cart-options > div > div{
    border-right: 0px solid #e8e8e8;
    text-overflow: initial;
    overflow: visible;
    white-space: inherit;
    padding: 0px 0;
    width: auto;
}

.ct-cart-content .vpc-cart-config img{
    border: 0px solid #c8c8c8;
    display: none !important;
}
.ct-cart-content .vpc-cart-component{
    float: left;
    border-bottom: 0px solid #e8e8e8;
    direction: ltr;
}
.ct-cart-content .vpc-cart-option {
    float: left;
}
.ct-cart-content .vpc-cart-options-container .vpc-cart-options > div > div {
    width: 100%;
    text-overflow: initial;
    white-space: initial;
    overflow: initial;
}

.ct-cart-content .vpc-cart-options-container {
    border: 1px dashed var(--mini-cart-divider-color);
}
.ct-cart-content .woocommerce-mini-cart li:not(:last-child) {
    border-bottom: 1px dashed #656565 !important;
}

.ct-cart-content .vpc-cart-options-container .vpc-cart-options {
    line-height: 22px;
}

.page-template-page-templatesconfigure-page-php .ct-cart-content .woocommerce-mini-cart {
    scrollbar-color: #888888 #28282c;
}


.ct-cart-content .woocommerce-mini-cart {
    scrollbar-color: #888888 #29333c;
}

.vpc-cart-options-container .vpc-cart-component {
    background-color: #29333c;
}
.vpc-cart-options-container .vpc-cart-options {
    background-color: #29333c;
}
.product-data a {
    color: #888888;
}

.close-btn {
    position: absolute;
    top: calc(50% - 124px);
    right: calc(50% - 245px);
    width: 20px;
    z-index: 10;
    height: 20px;
    background-color: #28282c;
    color: white;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    border-radius: 50%;
    cursor: pointer;
}
.close-btn:hover {
    background-color: #a00;
}

.continuetext {
    position: relative;
    width: auto;
    right: auto!important;
    height: auto;
    top: auto;
    margin: 16px 0 0 0;
    border-radius: 3px;
    border: 1px solid #434344;
    background-color: #5a5a5a;
    padding: 12px 0;
    text-transform: uppercase;
}

.continuetext:hover {
    background-color: #434344;
}

.ct-cart-content{
    left: -20px;
    position: fixed;
    top: 45px;
    width: calc(90vw)!important;
    margin: 0 auto;
    transform: translate3d(0, 0px, 0);
}
.post-type-archive .ct-woo-card-actions,
.post-type-archive .entry-meta{
    display: none !important;
}
.staggs-message-wrapper{
   /* display: none!important;*/
}

.staggs-view-gallery .staggs-preview-actions {
    top: auto!important;
    bottom: 30px;
}
.ct-woocommerce-cart-form .cart_totals .wc-proceed-to-checkout a {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.woocommerce-checkout dt,
.woocommerce-checkout dd{
    font-style: normal;
    width: 45%;
    clear: none !important;
    border-bottom: 1px solid #000;
    margin: 6px 0 0;
    height: auto;
    display: block !important;
    float: left !important;
    margin-inline-end: 0 !important;
}

.woocommerce-checkout dl{
    float: left;
    clear: both;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-checkout .product-item-thumbnail{
    width: 40%;
    float: left;
    margin: 0 20px 0 0;
}

/*.xoo-wsc-items-count {
    top: 15px;
    left: 11px;
    background-color: transparent !important;
}
.xoo-wsc-basket{
    background-color: transparent !important;
}*/

.option-group-options .option-label{
    margin: 0 0 0px;
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.staggs-product-view{
    border-right: 1px solid #e7e5e5;
}

.page-id-161 .submit-button{
    margin: 20px 0 20px 0;
}

.page-id-161 .checkbox-wrapper{
    margin: 20px 0 0;
}

.option-group-wrapper .icons.size-large img {
    background-color: #ffffff;
    width: 90px!important;
    height: 90px!important;
}
.option-group-wrapper .size-large.icons input:checked+.icon{
    border: 2px solid #00aae7 ;
}

.option-group-options.icons.size-large label {
    /* width: 25%; */
    width: 50%;
    height: 155px;
    margin: 0;
}
.option-group-options.icons.size-large label .icon img {
    height: 80% !important;
    width: 80% !important;
    margin: 0 auto;
}


label:has(input[data-option-id="sleeve"]) .icon-swatch,
label:has(input[data-option-id="black-sleeve"]) .icon-swatch,
label:has(input[data-option-id="yellow-sleeve"]) .icon-swatch,
label:has(input[data-option-id="orange-sleeve"]) .icon-swatch,
label:has(input[data-option-id="purple-sleeve"]) .icon-swatch{
    background-image: linear-gradient(135deg, transparent 0%, transparent 25%, white 0%, white 25%, transparent 40%, transparent 48%, white 100%, white 100%) !important;
    background-size: 6px 8px !important;
}

label:has(input[data-option-id="clear-sleeve"]) .icon-swatch{
    background-image: linear-gradient(135deg, transparent 0%, transparent 25%, white 0%, white 25%, transparent 40%, transparent 48%, white 100%, white 100%) !important;
    background-size: 6px 8px !important;
}

label:has(input[data-option-id="vivid-sleeve"]) .icon-swatch{
    background-image: linear-gradient(135deg, transparent 0%, transparent 25%, white 0%, white 25%, transparent 40%, transparent 48%, white 100%, white 100%) !important;
    background-size: 6px 8px !important;
}

label:has(input[data-option-id="dark-sleeve"]) .icon-swatch{
    background-image: linear-gradient(135deg, transparent 0%, transparent 25%, white 0%, white 25%, transparent 40%, transparent 48%, white 100%, white 100%) !important;
    background-size: 6px 8px !important;
}

label:has(input[data-option-id="transparent-yellow"]) .icon-swatch{
    background-image: linear-gradient(135deg, transparent 0%, transparent 25%, white 0%, white 25%, transparent 40%, transparent 48%, white 100%, white 100%) !important;
    background-size: 6px 8px !important;
}

.text-input p.option-note {
    font-size: 13px !important;
    margin: 0 0 18px !important;
    color: #4a4a4a;
}

del .woocommerce-Price-amount bdi {
    margin: 0 6px 0 0;
}

/*.option-group-content label[data-option-rules].hidden::before,
.option-group-content label[data-option-rules].hidden::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 6px; 
  background: white;
  transform-origin: center;
  pointer-events: none;
}

.option-group-content label[data-option-rules].hidden::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.option-group-content label[data-option-rules].hidden::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.option-group-content label[data-option-rules].hidden{
    background: #f6f6f6;
    border-radius: 50%;
    border-bottom: 4px white solid;
    border-left: 4px white solid;
    border-right: 4px white solid;
    border-top: 4px white solid;
    cursor: auto;
    width: 84px;
    height: 84px;
    margin: 0 16px 14px 16px;
}
html body .option-group-content label[data-option-rules].hidden {
    display: inline-block !important;
  }*/

  .option-group-step .option-group-title .title{
    display: inline-block ;
  }

  #option-group-156 .name,
  #option-group-1090 .name,
  #option-group-1399 .name{
    display:none;
  } 

.option-group-step-inner .option-group:not(:last-child)/*,
.option-group-step-inner .conditional-wrapper:not(:last-child)*/ {
    border-bottom: 3px solid #b2b2b2;
    padding: 0 !important;
    margin: 0 0 36px 0;
}

.option-group.intro {
    padding-bottom: 0 !important;
}

div.option-group-step[data-step-group-id="1"] .name{
    color:#000000;
}
div.option-group-step[data-step-group-id="1"] .tooltip .name{
    color:white;
}
.option-group-step strong.title {
    text-transform: uppercase;
    color: #4a4a4a;
}

div.conditional-loaded[data-step-rules*="'key':1561"] .option-group-content .option-group-header,
div.conditional-loaded[data-step-rules*="'key':1397"] .option-group-content .option-group-header {
    display: none;
}
div.conditional-loaded[data-step-rules*="'key':1561"] .option-group-content label.input-heading,
div.conditional-loaded[data-step-rules*="'key':1397"] .option-group-content label.input-heading {
    display: none;
}
div.conditional-loaded[data-step-rules*="'key':1561"] .option-group-content .option-group-options.text-input .input-field-wrapper,
div.conditional-loaded[data-step-rules*="'key':1397"] .option-group-content .option-group-options.text-input .input-field-wrapper {
    display: flex
;
    flex-direction: column-reverse;
}
div.conditional-loaded[data-step-rules*="'key':1561"] .option-group-content .option-group-options.text-input .input-field-wrapper input,
div.conditional-loaded[data-step-rules*="'key':1397"] .option-group-content .option-group-options.text-input .input-field-wrapper input{
    margin: 0 0 18px 0;
}

div.conditional-loaded[data-step-rules*="'key':1561"],
div.conditional-loaded[data-step-rules*="'key':1397"] {
    border: 0 !important;
    margin: 0 !important;
}
div.conditional-loaded[data-step-rules*="'key':1561"] .layer_box-a,
div.conditional-loaded[data-step-rules*="'key':1397"] .layer_box-b {
    border-color: #ffa73b !important;
    outline: 3px solid #ffa73b;
    outline-offset: -2px;
    overflow: hidden;
    border: 3px solid #ffa73b;
    height: 160px;
    width: calc(100% - 10px);
}
div#option-group-1561,
div#option-group-1397 {
    border-bottom: 0;
    margin: 0;
}
div#option-group-1561 .name,
div#option-group-1397 .name{
    display: none;
}
div#option-group-1561 .option-group-content,
div#option-group-1397 .option-group-content {
    display: flex;
    position: relative;
    padding: 0 0 var(--sgg-group-spacing-bottom);
}
div#option-group-1561 .option-group-content .option-group-options.options.buttongroup,
div#option-group-1397 .option-group-content .option-group-options.options.buttongroup {
    display: inherit;
    position: absolute;
    right: -10px;
    top: -17px;
}

div#option-group-1561 .option-group-content .option-group-options.options.buttongroup label .button,
div#option-group-1397 .option-group-content .option-group-options.options.buttongroup label .button {
    padding: 0 24px;
}

div#option-group-1561 .option-group-content .option-group-options.options.buttongroup label .button,
div#option-group-1397 .option-group-content .option-group-options.options.buttongroup label .button {
    padding: 0 14px;
    height: 30px;
    display: flex;
    line-height: normal;
}

div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded,
div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded{
    border-bottom: 3px solid #b2b2b2;
    padding: 0 !important;
    margin: 0 0 36px 0;
}
div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded:has(.always-hidden),
div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded:has(.always-hidden){
    border-bottom: 0px solid #b2b2b2;
}

#option-group-75 .option-group-options.icons.swatches, 
div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches, 
div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches {
    background: #ffffff !important;
    color: #000000;
    padding: 10px 0px 10px;
    border-radius: 12px;
    justify-content: left;
}

.staggs-product-options .option-group.border-squared .option-group-options.icons .icon .icon-swatch {
    /*width: 25px;
    height: 25px;*/
}
#option-group-75 .option-group-options.icons.swatches {
    margin: 0px 0px 24px;
    display: grid;
    padding: 10px 0;
    grid-template-columns: repeat(10, 1fr);
}

div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches, 
div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches {
    margin: 0px 0px 0px;
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
}

#option-group-75 .option-group-options.icons.swatches label,
div.option-group-step[data-step-group-id="2"] .option-group-options.icons.swatches label,
div.option-group-step[data-step-group-id="3"] .option-group-options.icons.swatches label{
    margin: 0px 3px 0;
}

div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded .option-group-options.icons input:checked+.icon .icon-swatch,
div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded .option-group-options.icons input:checked+.icon .icon-swatch {
    border: 2px solid #ffa73b;
}

div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded .option-group-options.icons .icon .icon-swatch,
div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded .option-group-options.icons .icon .icon-swatch {
    border: 2px solid #b2b2b2;
    border-radius: 7px !important;
}


div.option-group-step[data-step-group-id="1"] .option-group-step-inner,
div.option-group-step .option-group-step-inner {
    background: #ffffff !important;
    color: #000000;
    padding: 30px 15px 10px;
    margin: 0px 0px 4px;
    border-radius: 12px;
}

  

  /* トグルボタンの見た目 */
  div.option-group-step[data-step-group-id="1"] #option-group-156 .option-tab-buttons,
  div.option-group-step[data-step-group-id="1"] #option-group-1090 .option-tab-buttons,
  div.option-group-step[data-step-group-id="1"] #option-group-1144 .option-tab-buttons ,
  div.option-group-step[data-step-group-id="9"] #option-group-1399 .option-tab-buttons ,
  div.option-group-step[data-step-group-id="9"] #option-group-1397 .buttongroup {
    display: inline-flex;
    border: 1px solid #ccc;
    border-radius: 999px;
    overflow: hidden;
    margin: 20px 0 0 0;
  }

  div.option-group-step[data-step-group-id="1"] #option-group-156 .option-tab-buttons button,
  div.option-group-step[data-step-group-id="1"] #option-group-1090 .option-tab-buttons button,
  div.option-group-step[data-step-group-id="1"] #option-group-1144 .option-tab-buttons button,
  div.option-group-step[data-step-group-id="9"] #option-group-1399 .option-tab-buttons button {
    padding: 0.5rem 1.5rem;
    border: none;
    background: transparent;
    cursor: pointer;
    font-weight: bold;
    color: #555;
    transition: background 0.3s, color 0.3s;
  }

  div.option-group-step[data-step-group-id="9"] #option-group-1397 .buttongroup label {
    padding:0;
    border: none;
    background: transparent;
    cursor: pointer;
    font-weight: bold;
    color: #555;
    transition: background 0.3s, color 0.3s;
  }

    div.option-group-step[data-step-group-id="9"] #option-group-1397 .buttongroup .button {
      padding: 12px 24px;
    }

  div.option-group-step[data-step-group-id="1"] #option-group-156 .option-tab-buttons button:not(:last-child),
  div.option-group-step[data-step-group-id="1"] #option-group-1090 .option-tab-buttons button:not(:last-child),
  div.option-group-step[data-step-group-id="1"] #option-group-1144 .option-tab-buttons button:not(:last-child) ,
  div.option-group-step[data-step-group-id="9"] #option-group-1399 .option-tab-buttons button:not(:last-child) ,
  div.option-group-step[data-step-group-id="9"] #option-group-1397 .buttongroup button:not(:last-child)  {
    border-right: 1px solid #ccc;
  }

  div.option-group-step[data-step-group-id="1"] #option-group-156 .option-tab-buttons button.active,
  div.option-group-step[data-step-group-id="1"] #option-group-1090 .option-tab-buttons button.active,
  div.option-group-step[data-step-group-id="1"] #option-group-1144 .option-tab-buttons button.active,
  div.option-group-step[data-step-group-id="9"] #option-group-1399 .option-tab-buttons button.active,
  div.option-group-step[data-step-group-id="9"] #option-group-1397 .buttongroup button.active {
    background: #00aae7;
    color: #fff;
  }

  /*
  div.option-group-step[data-step-group-id="1"] #option-group-156 .option-group-options > label,
  div.option-group-step[data-step-group-id="1"] #option-group-1090 .option-group-options > label,
  div.option-group-step[data-step-group-id="1"] #option-group-1144 .option-group-options > label ,
  div.option-group-step[data-step-group-id="9"] #option-group-1399 .buttongroup > label {
    opacity: 0;
    margin: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    position: absolute;
    width: 100%;
  }  
    */
  div.option-group-step[data-step-group-id="1"] #option-group-156 .option-group-options > label:hover,
  div.option-group-step[data-step-group-id="1"] #option-group-1090 .option-group-options > label:hover,
  div.option-group-step[data-step-group-id="1"] #option-group-1144 .option-group-options > label:hover,
  div.option-group-step[data-step-group-id="9"] #option-group-1399 .option-group-options > label:hover,
  div.option-group-step[data-step-group-id="9"] #option-group-1397 .buttongroup > label:hover {
    cursor: pointer;
  }

  div.option-group-step[data-step-group-id="1"] #option-group-156 .option-group-options,
  div.option-group-step[data-step-group-id="1"] #option-group-1090 .option-group-options,
  div.option-group-step[data-step-group-id="1"] #option-group-1144 .buttongroup {
    position: relative;
    min-height: 230px;
  }
 
  div.option-group-step[data-step-group-id="9"] #option-group-1399 .buttongroup {
    position: relative;
  }

  div.option-group-step[data-step-group-id="1"] #option-group-156 .option-group-options > label.active,
  div.option-group-step[data-step-group-id="1"] #option-group-1090 .option-group-options > label.active,
  div.option-group-step[data-step-group-id="1"] #option-group-1144 .option-group-options > label.active,
  div.option-group-step[data-step-group-id="9"] #option-group-1399 .option-group-options > label.active,
  div.option-group-step[data-step-group-id="9"] #option-group-1397 .buttongroup > label.active {
    opacity: 1;
    visibility: visible;
    position: relative;
  }

  div.option-group-step[data-step-group-id="9"].hidden {
    display: block;
}

div.option-group-step[data-step-group-id="9"].hidden .option-group-step-inner::before{
    content: "※This feature is only available for cables without sleeves.";
    display: block;
    color: #666;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;
    margin: 0 auto 20px;
}

label[for="1399_0_off"] {
    opacity: 0 !important;
    height: 0 !important;
}

label[for="1399_1_on"] .option-label{
    display: none;
}

#option-group-1396 strong.title,
#option-group-1550 strong.title {
    display: none;
}

div#option-group-1399 {
    padding: 0;
}

#option-group-1399 span.option-content {
    padding: 20px 20px 0;
}

div#option-group-1396 {
    /*padding:  0 50px;*/
}


label[for="1399_1_on"] .option-image,
label[for="1550_1_on"] .option-image {
  --label-text: ""; /* 初期定義が必要 */
  position: relative;
}

label[for="1399_1_on"] .option-image::before,
label[for="1550_1_on"] .option-image::before {
  content: var(--label-text);
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-bottom: 8px;
  white-space: pre-wrap;
}

div#option-group-1396 .option-group-summary,
div#option-group-1550 .option-group-summary{
    display: none;
}

div#option-group-1550 .dynamic-label{
    /*display: none;*/
    text-align: left;
    font-size: 14px;
    width: 300px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.86);
    white-space: pre-wrap;
    position: absolute;
    letter-spacing: 1px;
    top: 28%;
    left: 34%;
    background: rgba(255, 255, 255, 0);
    border-radius: 4px;
    min-height: 20px;
    transform: rotate(3deg);
}

div#option-group-1562 .dynamic-label {
    /* display: none; */
    text-align: left;
    font-size: 19px;
    font-family: monospace;
    width: 12ch;
    /* width: 300px;*/
    font-weight: bold;
    color: rgba(255, 255, 255, 0.86);
    white-space: pre-wrap;
    position: absolute;
    letter-spacing: 1px;
    top: 31%;
    left: 34%;
    margin: -183px 0 0 0;
    background: rgba(255, 255, 255, 0);
    border-radius: 4px;
    min-height: 20px;
    transform: rotate(1deg);
}

div#option-group-1396 .dynamic-label{
    /*display: none;*/
    text-align: right;
        font-size: 19px;
    font-family: monospace;
    width: 12ch;
    /* width: 300px;*/
    font-weight: bold;
    color: rgba(255, 255, 255, 0.86);
    white-space: pre-wrap;
    position: absolute;
    letter-spacing: 1px;
    top: -57%;
    right: 34%;
    background: rgba(255, 255, 255, 0);
    border-radius: 4px;
    min-height: 20px;
    transform: rotate(0deg);
}


div#option-group-1550::before {
    /*content: "";
    display: block;
    width: 100%;           // 親要素の幅に合わせる 
    max-width: 300px;      // 最大300pxに制限 
    aspect-ratio: 1 / 1;   // 幅:高さ = 1:1（正方形） 
    background-image: url(/wp-content/uploads/2025/08/label.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;
    margin: 0 auto 30px;*/
}

div#option-group-1396::before {
    /*content: "";
    display: block;
    width: 100%;           // 親要素の幅に合わせる 
    max-width: 300px;      // 最大300pxに制限 
    aspect-ratio: 1 / 1;   // 幅:高さ = 1:1（正方形） 
    background-image: url(/wp-content/uploads/2025/08/label.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;
    margin: 0 auto 30px;
    transform: rotate(180deg);*/
}

div#label-text_wrapper {
    background: none;
}


/*
div.option-group-step[data-step-group-id="3"] {
    background: #ddd !important;
    color: #000000;
    padding: 30px 30px 10px;
    margin: 0px 0px 24px;
    border-radius: 12px;
  }
*/
.staggs-product-options.text-center {
    text-align: left !important;
    /*overflow: overlay!important;*/
}
.option-group-options {
    padding: 10px;
}
div.option-group-step[data-step-group-id="1"] #option-group-156 .option-group-options {
    padding: 0;
}

div.option-group-step[data-step-group-id="3"] {
    /* background: #f6f6f6; */
    /* background: #ffffff !important; */
    /* color: #000000; */
    /* padding: 30px 30px 10px; */
    /* margin: 0 0 40px 0; */
    /* text-align: left; */
}
div.option-group-step[data-step-group-id="4"] {
    background: #ffffff !important;
    color: #000000;
    padding: 30px 15px 10px;
    margin: 24px 0px 0px;
    border-radius: 12px;
}
div.option-group-step[data-step-group-id="4"] p.option-group-title {
    text-transform: uppercase;
    color: #4a4a4a;
    text-align: left;
}
div.option-group-step[data-step-group-id="4"] .option-group-step-inner {
    padding: 12px 15px 0;
}
div.option-group-step[data-step-group-id="4"] .option-group-content {
    padding: 60px 0 0;
}
div.option-group-step[data-step-group-id="4"] .option-group-content .input-field{
    display: flex;
    flex-direction: column;
}
div.option-group-step[data-step-group-id="4"] .option-group-content .input-field .name{
    display: none;;
}
div.option-group-step[data-step-group-id="4"] .option-group-content .measurements .range-value {
  order: -1;
}
div.option-group-step[data-step-group-id="4"] .option-group-content .measurements .range-value .value {
    border: 3px solid #ffa73b;
    border-radius: 7px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 102px;
    margin: 0 auto;
    height: 35px;
    font-weight: bold;
    font-size: 18px;
    background: white;
}
div.option-group-step[data-step-group-id="4"] .option-group-options.measurements {
    padding: 0;
}
div.option-group-step[data-step-group-id="4"] .option-group-content .range-slider-div {
    border: 3px solid #b2b2b2 !important;
    border-radius: 10px !important;
    padding: 16px 20px 16px;
    margin: 24px 0 0;
    width: 100%;
    height: 70px;
}
div.option-group-step[data-step-group-id="4"] .option-group-content .range-slider {
    display: block;
    top: 50%;
    margin: -2px 0 0;
    height: 4px;
    background-color: rgb(178 178 178);
}
div.option-group-step[data-step-group-id="4"] .option-group-content .range-slider-div .ui-slider-handle {
    z-index: 2;
    width: 20px;
    height: 20px;
    margin-top: -3px;
    margin-left: -10px;
    background-color: #333;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
    position: absolute;
}

div.option-group-step[data-step-group-id="4"] .option-group-step-inner .length_caution_text {
    font-size: 14px;
}

.lengthcentimeters01,
.lengthcentimeters02,
.lengthcentimeters03,
.lengthcentimeters04 {
    background: url(/wp-content/uploads/2025/10/length01.svg);
    background-repeat: no-repeat;
    background-size: 365px auto;
    background-position: center top;
    padding: 0 !important;
}
  div.option-group-step[data-step-group-id="5"] {
    /*background: #f6f6f6;*/
    /*background: #ffffff !important;
    color: #000000;
    padding: 30px 30px 10px;
    margin: 0px 0 25px;
    text-align: right;*/
  }

  div.option-group-step[data-step-group-id="7"] .option-group-step-inner {
    /*background: #f6f6f6;*/
    /*background: #ffffff !important;
    color: #000000;
    padding: 50px 30px 0px;
    margin: 0px 0 25px;
    text-align: left;*/
  }

  div.option-group-step[data-step-group-id="9"] .option-group-step-inner{
    /*background: #f6f6f6;*/
    /*background: #ffffff !important;
    color: #000000;
    padding: 30px 30px 10px;
    margin: 0px 0 25px;*/
  }

  div.option-group-step[data-step-group-id="3"]  .option-group-summary,
  div.option-group-step[data-step-group-id="5"]  .option-group-summary,
  div.option-group-step[data-step-group-id="7"]  .option-group-summary{
    color: #000000 !important;
  }

  div.option-group-step[data-step-group-id="3"] .option-group-options,
  div.option-group-step[data-step-group-id="5"] .option-group-options,
  div.option-group-step[data-step-group-id="7"] .option-group-options{
        display: flex !important;
        flex-wrap: wrap;
    }

    div.option-group-step[data-step-group-id="3"] .option-group-options{
        justify-content: flex-start !important;  
    }
    div.option-group-step[data-step-group-id="5"] .option-group-options{
          justify-content: flex-end !important;  
      }
  
  div.option-group-step[data-step-group-id="1"] .icons input:checked+.icon,
  div.option-group-step[data-step-group-id="2"] .icons input:checked+.icon,
  div.option-group-step[data-step-group-id="3"] .icons input:checked+.icon,
  div.option-group-step[data-step-group-id="5"] .icons input:checked+.icon,
  div.option-group-step[data-step-group-id="6"] .icons input:checked+.icon {
border: 0;
}
.staggs-product-options .option-group-options input:checked{
    background-image: url(/wp-content/plugins/staggs-pro/public/img/checkmark.svg);
    background-color: #ffa73b !important;
    border-radius: 50% 50% !important;
    visibility: visible !important;
    border: 3px solid white !important;
    appearance: none;
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 1;
    width: 18px;
        background-size: 60% 60%;
    background-repeat: no-repeat;
    height: 18px;
    background-position: center;
    transition: none;
}
.staggs-product-options .option-group-options input {
    transition: none!important;
}
  div.option-group-step[data-step-group-id="1"] .icons .icon,
  div.option-group-step[data-step-group-id="2"] .icons .icon,
  div.option-group-step[data-step-group-id="3"] .icons .icon,
  div.option-group-step[data-step-group-id="5"] .icons .icon,
  div.option-group-step[data-step-group-id="6"] .icons .icon {
        padding:0;
}
div.option-group-step[data-step-group-id="1"] .option-group-step-inner .conditional-wrapper.conditional-loaded .option-group-options {
    display: grid;
    text-align: left;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    padding: 10px;
}
div.option-group-step[data-step-group-id="1"] .option-group-step-inner .conditional-wrapper.conditional-loaded .tooltip {
    visibility: visible;
    transform: none;
    display: inline-block;
    position: initial;
    background: none;
    font-size: 20px;
    padding: 4px 8px;
    vertical-align: top;
}
div.option-group-step[data-step-group-id="1"] .option-group-step-inner .conditional-wrapper.conditional-loaded .tooltip .name {
    color: #4a4a4a;
}

div.option-group-step[data-step-group-id="1"] .option-group-step-inner .conditional-wrapper.conditional-loaded label {
    border: 2px solid #b2b2b2 !important;
    border-radius: 10px !important;
    padding: 12px 18px 8px;
}


div.option-group-step[data-step-group-id="1"] .option-group-step-inner .conditional-wrapper.conditional-loaded label:has(input:checked){
    border-color: #ffa73b !important;
    outline: 3px solid #ffa73b;
    outline-offset: -2px;}

div.option-group-step[data-step-group-id="1"] .option-group-step-inner .conditional-wrapper.conditional-loaded label input:checked {
    width: 26px !important;
    top: -13px;
    right: -13px;
    height: 26px !important;
}

.option-group-options.icons.size-large.style-outside.hide-label {
    text-align: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 0px 0px 24px;
    display: grid !important
;
}
.option-group-options.icons.size-large.style-outside.hide-label label {
    border: 2px solid #b2b2b2 !important;
    border-radius: 10px !important;
    padding: 0px 18px 16px;
    width: 100%;
}

.option-group-options.icons.size-large.style-outside.hide-label label:has(input:checked) {
    border-color: #ffa73b !important;
    outline: 3px solid #ffa73b;
    outline-offset: -2px;
}
.option-group-options.icons.size-large.style-outside.hide-label label input:checked {
    width: 26px !important;
    top: -13px;
    right: -13px;
    height: 26px !important;
}


.option-group-options.icons.size-large.style-outside.hide-label .tooltip {
    visibility: visible;
    transform: none;
    display: inline-block;
    position: absolute;
    background: none;
    left: 50%;
    width: 200px;
    bottom: 0;
    transform: translateX(-50%);
    font-size: 20px;
    padding: 0px 8px 9px;
}
.option-group-options.icons.size-large.style-outside.hide-label .tooltip .name {
    color: #4a4a4a;
}

.staggs-product-options .option-group.border-squared .option-group-options.icons .icon .icon-swatch{
    border: 2px solid #b2b2b2;
    border-radius: 7px !important;
}
.staggs-product-options .option-group.border-squared .option-group-options.icons input:checked+.icon .icon-swatch{
           border: 2px solid #ffa73b;
}

.option-group-wrapper .icons .icon {
    border: 0px solid transparent!important;
}

  div.option-group-step[data-step-group-id="1"] .icons .icon .icon-swatch,
  div.option-group-step[data-step-group-id="2"] .icons .icon .icon-swatch,
  div.option-group-step[data-step-group-id="3"] .icons .icon .icon-swatch,
  div.option-group-step[data-step-group-id="5"] .icons .icon .icon-swatch,
  div.option-group-step[data-step-group-id="6"] .icons .icon .icon-swatch{
        box-shadow: none;
}



div.option-group-step[data-step-group-id="2"] .icon-swatch,
div.option-group-step[data-step-group-id="6"] .icon-swatch,
.option-group-content  .icon-swatch{
    box-shadow: inset 0 2px 1px 0px rgba(0, 0, 0, .5);
}

div.option-group-step[data-step-group-id="7"] .option-group-wrapper label input:checked+.option{
    
}

div.option-group-step[data-step-group-id="7"]  label input:checked+.option {
    background: #dddddd !important;
    color: #000000 !important;
    /*border: 0 !important;*/
    border: 2px solid #00aae7 !important;
    box-shadow: inset 0 0px 1px 1px rgba(0, 0, 0, .5) !important;
}

div.option-group-step[data-step-group-id="1"] label input:checked+.option ,
div.option-group-step[data-step-group-id="9"] label input:checked+.option {
    cursor: auto;
    border: 0;
}
div.option-group-step[data-step-group-id="1"] label .option{
    cursor: pointer;
    border: 0;
    display: block;
}




.layer_box-a,
.layer_box-b  {
  position: relative;
  width: 300px;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  margin: 0 auto 30px;
  background:white;
  overflow: hidden;
}

/* 共通レイヤー設定 */
.layer_box-a .layer,
.layer_box-b .layer {
  position: absolute;
  inset: 0;               /* 親と同じサイズ */
  background-color: #666; /* ← ここで「塗りつぶし色」を後から変更可能 */
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  /*mask-size: contain;*/
  mask-size: 100%;
}

/* A各レイヤーにマスクを割り当て */
.layer_box-a .layer1 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/plug_path01-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/plug_path01-a.svg);
}

.layer_box-a .layer2 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/plug_path02-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/plug_path02-a.svg);
}

.layer_box-a .layer3 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/plug_path03-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/plug_path03-a.svg);
}

.layer_box-a .layer4 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/plug_path04-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/plug_path04-a.svg);
}

/* B各レイヤーにマスクを割り当て */
.layer_box-b .layer1 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/plug_path01-b.svg);
  mask-image: url(/wp-content/uploads/2025/08/plug_path01-b.svg);
}

.layer_box-b .layer2 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/plug_path02-b.svg);
  mask-image: url(/wp-content/uploads/2025/08/plug_path02-b.svg);
}

.layer_box-b .layer3 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/plug_path03-b.svg);
  mask-image: url(/wp-content/uploads/2025/08/plug_path03-b.svg);
}

.layer_box-b .layer4 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/plug_path04-b.svg);
  mask-image: url(/wp-content/uploads/2025/08/plug_path04-b.svg);
}

/* A各レイヤーにマスクを割り当て */
.layer_box-a.rca .layer1 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/rca_plug_path01-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/rca_plug_path01-a.svg);
}

.layer_box-a.rca .layer2 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/rca_plug_path02-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/rca_plug_path02-a.svg);
}

.layer_box-a.rca .layer3 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/rca_plug_path03-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/rca_plug_path03-a.svg);
    background: url(/wp-content/uploads/2025/08/rca_plug_path03-a.svg);
    background-size: 100%;
    background-position: center left;
        background-color: transparent !important;
}

.layer_box-a.rca .layer4 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/rca_plug_path04-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/rca_plug_path04-a.svg);
}

/* B各レイヤーにマスクを割り当て */
.layer_box-b.rca .layer1 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/rca_plug_path01-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/rca_plug_path01-a.svg);
  transform: scaleX(-1);
}

.layer_box-b.rca .layer2 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/rca_plug_path02-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/rca_plug_path02-a.svg);
  transform: scaleX(-1);
}

.layer_box-b.rca .layer3 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/rca_plug_path03-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/rca_plug_path03-a.svg);
    background: url(/wp-content/uploads/2025/08/rca_plug_path03-a.svg);
    transform: scaleX(-1);
    background-size: 100%;
        background-color: transparent !important;
    background-position: center right;
}

.layer_box-b.rca .layer4 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/rca_plug_path04-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/rca_plug_path04-a.svg);
  transform: scaleX(-1);
}


/* A各レイヤーにマスクを割り当て */
.layer_box-a.profi-rca .layer1 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path01-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path01-a.svg);
}

.layer_box-a.profi-rca .layer2 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path02-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path02-a.svg);
}

.layer_box-a.profi-rca .layer3 {
    -webkit-mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path03-a.svg);
    mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path03-a.svg);
    background: url(/wp-content/uploads/2025/08/profi-rca_plug_path03-a.svg);
    background-size: 100%;
        background-color: transparent !important;
    background-position: center left;
}

.layer_box-a.profi-rca .layer4 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path04-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path04-a.svg);
}

/* B各レイヤーにマスクを割り当て */
.layer_box-b.profi-rca .layer1 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path01-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path01-a.svg);
  transform: scaleX(-1);
}

.layer_box-b.profi-rca .layer2 {
  -webkit-mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path02-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path02-a.svg);
  transform: scaleX(-1);
}

.layer_box-b.profi-rca .layer3 {
    -webkit-mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path03-a.svg);
    mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path03-a.svg);
    background: url(/wp-content/uploads/2025/08/profi-rca_plug_path03-a.svg);
    transform: scaleX(-1);
    background-size: 100%;
        background-color: transparent !important;
    background-position: center left;
}

.layer_box-b.profi-rca .layer4 {
    transform: scaleX(-1);
  -webkit-mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path04-a.svg);
  mask-image: url(/wp-content/uploads/2025/08/profi-rca_plug_path04-a.svg);
}

/*
.layer_box-a .layer1 { background-color: red; }
.layer_box-a .layer2 { background-color: blue; }
.layer_box-a .layer3 { background-color: green; }
.layer_box-a .layer4 { background-color: #666666; }
*/

  div.option-group-step[data-step-group-id="6"] .icons input:checked+.icon {
    border: 2px solid #00aae7;
}


/*.option-group-wrapper label .option {
    border: 2px solid #ffffff !important;
}*/
div.option-group-step[data-step-group-id="6"] .option-group-wrapper label .option {
    /*border: 2px solid #bdbdbd !important;*/
    border: 1px solid #666 !important;
    background: #333 !important;
    color: white !important;
}

/*.total .option-group-content{
    position: fixed;
    bottom: 0;
    width: 422px;
    right: 58px;
}*/

.intro .price{
    display: none;
}

.preview-text-input-wrapper{
    /*z-index: 12!important;
    background: #00000080;
    color: white;
    border-radius: 100px;
    font-size: 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;*/

    z-index: 12 !important;
    background: #00000000;
    color: #f6f6f6;
    border-radius: 100px;
    font-size: 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
}

.option-group-wrapper .icons .icon {
    margin: 0px!important;
}


.single-product .qty {
    background: transparent !important;
}
div.quantity .ct-increase, 
div.quantity .ct-decrease {
    background: #000000 !important;
    color: white !important;
    border-radius: 20px !important;
}

.woocommerce-cart div.quantity .ct-increase, 
.woocommerce-cart div.quantity .ct-decrease {
background: #666 !important;
    color: white !important;
    border-radius: 20px !important;
}

.option-group-wrapper .option-group.total .staggs-cart-form-button.staggs input.qty {
    color: #ffffff !important;
    font-size: 24px;
    margin: -8px 0 0px 0;
}

#range-slider-79_0_length-cm {
    /*position: relative;
    height: 10px;
    background: repeating-linear-gradient(
      to right,
      #ccc,
      #ccc 1px,
      #fff 1px,
      #fff 11px
    );
    border-radius: 4px;
    margin: 20px 0;*/
  }
  
  #range-slider-79_0_length-cm .ui-slider-range {
    background-color: #4CAF50; /* 塗りつぶし色 */
    height: 100%;
    top: 0;
    z-index: 1;
    position: absolute;
    border-radius: 4px 0 0 4px;
  }
  
  /*#range-slider-79_0_length-cm .ui-slider-handle {
    z-index: 2;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    margin-left: -10px;
    background-color: #333;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
    position: absolute;
  }*/
  
/* 吹き出し初期状態（非表示） */
.product-item .tooltip {
    position: relative;
    /*background: #333;*/
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 13px;
    white-space: nowrap;
    display: none;
    z-index: 10;
    top: 100%; /* 必要に応じて調整 */
    left: 0;
    margin-top: 5px;
}

/* ホバー時に表示 */
.product-item:hover .tooltip {
    display: block;
}



/* 共通スタイル */
html body .staggs-configurator-main .staggs-product-options label.hidden {
    content: "";
    display: inline-block !important;
    /* width: 66px !important; */
    /* height: 66px !important; */
    /*background-size: contain;*/
    background-repeat: no-repeat;
    border-radius: 50%;
    /* margin: 12px; */
    pointer-events: none;
    filter: grayscale(100%) brightness(80%);
    width: 25%;
    background-size: auto 80% !important;
    background-position: 11px 11px;
}

/* 個別の背景画像だけ指定 */
.option-group-options.icons.size-large.style-outside.hide-label label.hidden{
    background-color: rgb(0 0 0 / 20%);
    background-position: center;
}

.option-group-options.icons.size-large.style-outside.hide-label label[for="83_5_rca"].hidden,
.option-group-options.icons.size-large.style-outside.hide-label label[for="90_5_rca"].hidden {
    background-image: url(/wp-content/uploads/2025/11/2RMBKe-300x300.webp);
}

.option-group-options.icons.size-large.style-outside.hide-label label[for="90_6_profi-rca"].hidden {
    background-image: url(/wp-content/uploads/2025/11/2RM_Pro-300x300.webp);
}

.option-group-options.icons.size-large.style-outside.hide-label label[for="90_4_ts"].hidden {
    background-image: url(/wp-content/uploads/2025/11/26M_b-300x300.webp);
}

.option-group-options.icons.size-large.style-outside.hide-label label[for="90_2_trs"].hidden {
    background-image: url(/wp-content/uploads/2025/11/36M_b-300x300.webp);
}

.option-group-options.icons.size-large.style-outside.hide-label label[for="90_3_trs-90°"].hidden {
    background-image: url(/wp-content/uploads/2025/11/36LM_b-300x300.webp);
}

.option-group-options.icons.size-large.style-outside.hide-label label[for="90_0_3xf"].hidden {
    background-image: url(/wp-content/uploads/2025/11/3XF-300x300.webp);
}

.option-group-options.icons.size-large.style-outside.hide-label label[for="90_1_3xm"].hidden {
    background-image: url(/wp-content/uploads/2025/11/3XM_b-300x300.webp);
}
  
.resizer {
    width: 10px;
    height: 100%;
    top: 0;
    position: inherit;
    cursor: ew-resize;
    background-color: #40a9ff;
}
.option-group-panel:not(.shown) {
    /* shown が付いていないときのスタイル */
   /* width:0!important;*/
  }
  .option-group-panel {
    /*transition: width 0.5s ease; /* ← アニメーション指定 */
  }
  .option-group-panel-wrapper {
    height: 100%;
}

.option-group-wrapper .option-group-options.buttongroup .button{
    border-color: #ccc !important;
}
.option-group-wrapper .option-group-options.buttongroup input:not(:checked)+.button {
    color: #555 !important;
    font-weight: 100 !important;
}

.option-group-wrapper .option-group-options.buttongroup input:checked+.button {
    background-color: #00aae7 !important;
}

.page-id-12 td.product-thumbnail {
    width: 45%;
}

.page-id-12 .product-thumbnail img {
    width: max-content;
}

dd.variation-Lengthcm p::after {
    content: " cm";
}
.woocommerce .fc-sidebar.fc-sidebar--cart {
    max-width: 100% !important;
}
.woocommerce #fc .fc-action--checkout--button {
    margin: 0;
}

@media (max-width: 1199px) {
    .staggs-product-configurator-page .staggs-configurator-main .option-group-wrapper .option-group.total {
       /* width: 302px;*/
       width: 400px;
    }
    .woocommerce .fc-action--checkout--button {
        height: 50px !important;
    }
    html body .staggs-configurator-main .staggs-product-options label.hidden {
        /*width: 36px !important;*/
        /*height: 36px !important;*/
    }
    #option-group-75 .option-group-options.icons.swatches {
        grid-template-columns: repeat(7, 1fr);
    }
    div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches, div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches {
        grid-template-columns: repeat(7, 1fr) !important;
    }
    .option-group-wrapper .options input:checked {
        left: 125px;
    }
    .option-group-wrapper .options.list--preview .option-image+span {
        padding: 0 15% 0 0 !important;
        top: 108px;
    }
    .option-group-options .option-label {
        font-size: 15px;
    }
    div.option-group-step[data-step-group-id="1"] #option-group-156 .option-group-options, div.option-group-step[data-step-group-id="1"] #option-group-1090 .option-group-options, div.option-group-step[data-step-group-id="1"] #option-group-1144 .buttongroup {
        min-height: 185px;
    }
    .option-group-options.icons.size-large label {
        height: auto;
        aspect-ratio: 1;
    }
    .option-group-options.icons.size-large.style-outside.hide-label label {
        padding: 5px 8px 0px;
    }
    .option-group-wrapper label .option {
        margin: 0 !important;
    }
    .option-group-options.options.list.list--preview label .option-image {
        padding: 0 0 13px;
        display: flex;
        justify-content: right;
        align-items: center;
        height: 100%;
    }
    div#option-group-1562 .dynamic-label {
        top: 28%;
        font-size: 14px;
    }
    div#option-group-1396 .dynamic-label {
        top: -48%;
        font-size: 14px;
    }
    .lengthcentimeters01, .lengthcentimeters02, .lengthcentimeters03, .lengthcentimeters04 {
        background-size: 265px auto;
    }
    div.option-group-step[data-step-group-id="4"] .option-group-content {
        padding: 36px 0 0;
    }
    .option-group-wrapper .options input:checked {
        top: -2px !important;
    }
}

@media (max-width: 991px) {
    .site-logo-container {
        margin: 0 0 0 10px;
    }
    #option-group-75 .option-group-options.icons.swatches, div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches, div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches {
        text-align: center;
    }
    .staggs-product-configurator-page .staggs-configurator-main .option-group-wrapper .option-group.total {
        width: 100%;
        margin: 0 0 0px 0%;
        left: 0;
        padding: 8px 2% 5px !important;
        height: 125px !important;
    }

    .staggs-product-configurator-page .staggs-product-options {
        max-height: max-content !important;
    }
    .option-group-options.options.list.list--preview label .option-image img {
        /* float: right; */
        width: 70%;
        /* margin: -20% 0 0 0; */
        /* display: flex; */
        /* justify-content: center; */
        /* align-items: center; */
    }
    .option-group-wrapper .options.list--preview .option-image+span {
        top: 30px;
        padding: 0 0 0 20px !important;
        text-align: left;
    }
    .option-group-wrapper .options input:checked {
        left: auto;
        margin: 0 6px 0 0;
    }
    .staggs-configurator-main .staggs-product-options .option-group-wrapper {
        padding: 0 0 125px !important;
    }
    .staggs-preview-actions {
        text-align: center;
        margin: 18px 0px 0px;
    }
    .option-group-options .option-label {
        font-size: 16px;
    }
    div.option-group-step[data-step-group-id="1"] label .option {
        overflow: hidden;
        height: 150px;
    }
    .staggs-product-configurator-page .staggs-configurator-main .option-group-wrapper .totals-row {
        font-size: 18px !important;
        margin: 0 !important;
        padding: 4px 9px 0 !important;
    }
    .foxycart-container {
        margin: 12px 0 10px !important;
    }
    .option-group-step {
        padding: 0 20px;
    }

    .staggs-product-view{
        border-right: 0px solid #e7e5e5;
        border-bottom: 1px solid #e7e5e5;
    }

    .staggs-view-gallery .staggs-preview-actions{
        /*display:none!important;*/
    }
    .front-container{
        height: calc(100vh - 140px);
    }
    .product-list {
        grid-template-columns: repeat(3, 1fr);
    }
    #slider-container {
        display: none;
    }

    #vpc-components {
        width: 100vw;
        height: 56vh !important;
        padding: 0 0 70px;
        position: absolute;
        bottom: 0;
        top: unset;
        
        
        /* display: grid;
        grid-template-columns: repeat(3, 1fr);*/
    }
    #vpc-container .xl-2-3 {
        padding: 0;
        width: 100%;

    }
    .page-template-configure-page #vpc-master {
        width: 100vw;
        margin-top: 60px;
        height: calc(44vh - 60px);
        padding: 30px;
    }
    #vpc-preview {
        max-width: 80% !important;
        /* margin: 5% auto 0; */
        height: 100%;
    }
    #vpc-preview img {
        height: 100%;
        width: auto !important;
    }
    .page-template-configure-page .vpc-action-buttons input, .page-template-configure-page .vpc-action-buttons button {
        font-size: 12px !important;
    }
    .vpc-action-buttons button, .vpc-action-buttons .plus, .vpc-action-buttons .minus {
        height: 27px !important;
    }
    
    .page-template-configure-page #vpc-price-container {
        padding: 27px 260px 23px 22px;
        width: calc(100% - 0px);
        text-align: left;
        margin: 0 0px;
        height: 90px;
        font-size: 22px;
        text-transform: capitalize;
        bottom: 0;
    }

    #myCloseBtn.hide-notice {
        z-index: 10;
    }

    body.panel-shown .option-group-panel .option-group-panel-content {
        height: calc(100% - 70px);
    }
    .option-group-wrapper .option-group-options.cards {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .staggs-product-configurator-page #configurator-options{
        /*margin: 406px 0 0 0 !important;*/
        /*margin-top: calc(100vw * 1.7 / 3) !important;*/
    }

    .gallery-spacer {
        height: calc(100vw * 1.65 / 3) !important;
        display: block;
    }
    
   /* .option-group-step {
        padding: 0 20px;
    }*/
    .option-group {
        padding-left: 20px !important;
        padding-right: 20px !important;
        background-size: 400px;
    }
    div.option-group-step[data-step-group-id="4"] .option-group-content {
        padding: 60px 0 0;
    }

    div.option-group-step[data-step-group-id="3"], 
    div.option-group-step[data-step-group-id="5"] {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .staggs-configurator-full.has-theme-header .staggs-product-view {
        position: fixed !important;
    }
    #myCloseBtn.hide-notice {
        display: none;
    }
    div.conditional-loaded[data-step-rules*="'key':1561"] .layer_box-a, div.conditional-loaded[data-step-rules*="'key':1397"] .layer_box-b {
        width: 400px;
    }
    div#option-group-1562 .dynamic-label {
        top: 50%;
        left: 50%;
        font-size: 20px;
        margin: -212px 0 0 -64px;
    }
    div#option-group-1396 .dynamic-label {
        top: -50%;
        font-size: 20px;
        right: 50%;
        margin: -29px -70px 0 0px;
    }
    .staggs-view-gallery .staggs-preview-actions {
        top: calc(100vw * 1.35 / 3) !important;
        right: auto !important;
        left: 12px;
        flex-direction: row !important;
    }
    #option-group-75 .option-group-options.icons.swatches {
        grid-template-columns: repeat(15, 1fr);
    }
    div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches, div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches {
        grid-template-columns: repeat(15, 1fr) !important;
    }
    div.option-group-step[data-step-group-id="3"], div.option-group-step[data-step-group-id="5"] {
        margin: 0 !important;
    }
    div.option-group-step[data-step-group-id="4"] {
        margin: 24px 22px 0px;
    }
    .option-group-options.icons.size-large.style-outside.hide-label {
        grid-template-columns: repeat(6, 1fr);
    }
    .ct-header-trigger{
        border-radius: 8px !important;
        background-color: white !important;
        padding: 6px !important;
        width: 48px;
        height: 48px;
        right: 15px;
    }
    .ct-header-trigger:hover{
        border: 1px solid var(--sgg-button-background) !important;
        background-color: var(--sgg-template-background);
    }
    .ct-header-trigger svg{
        fill: black;
    }
    .ct-header-trigger:hover svg{
        fill: black!important;
    }
    .singlepage-product-list {
        margin: 0;
    }
    .staggs-configurator-main .staggs-product-options .option-group-wrapper {
        width: 100% !important;
    }
    .staggs-product-configurator-page #header {
        z-index: 11;
        width: 100%;
    }
    #configurator-options .option-group h1 {
        margin-top: 0px;
        padding: 20px 0 12px;
    }

    .staggs-product-configurator-page .hfeed {
        margin: 0;
    }
    #header [data-column-set="2"]>div {
        width: 100%;
    }
    .total .option-group-content {
        display: block;
    }
    .staggs-product-configurator-page .staggs-configurator-main .option-group-wrapper .totals-row {
        width: 100%;
    }

    html body .staggs-configurator-main .staggs-product-options label.hidden {
        /*width: calc(25% - 24px) !important;
        height: 90px !important;*/

        width: 25%;
        background-size: auto 80%;
        background-position: 8px 8px;
    }

    .staggs-view-gallery .staggs-preview-actions button .button-label {
        right: auto !important;
        top: -70% !important;
        left: 0 !important;
    }

}


@media (max-width: 767px) {

    html body .staggs-configurator-main .staggs-product-options label.hidden {
        /*width: calc(22% - 7px) !important;
        height: 62px !important;
        margin: 8px;*/

        width: 25%;
        background-size: auto 80%;
        background-position: 8px 8px;
    }

    .singlepage-product-list .product-boxr {
        height: 50px;
    }
    .singlepage-product-list {
        height: 50px;
    }

    .total .option-group-content {
        /*display: flex;*/
    }
    .single-product .totals-row {
        font-size: 16px !important;
        width: calc(100vw - 64vw);
        margin: 0 !important;
        padding: 12px 9px !important;
    }
    .staggs-cart-form-button.staggs {
        /*width: 58vw !important;
        margin: 0 0 0 6px;
        gap: 0 !important;
        height: 45px;
        padding: 0px 0 0 0 !important;*/
    }
     .quantity {
        width: 45% !important;
        margin: 0 6px 0 0 !important;
    }
    button.single_add_to_cart_button.button.alt {
        padding: 14px 12px !important;
    }
    .staggs-product-configurator-page .staggs-configurator-main .option-group-wrapper .option-group.total {
        padding: 8px 2% 8px;
    }
    /*#option-group-90 label,
    #option-group-83 label {
        width: 24% !important;
        display: inline-block;
    }*/

    /*#option-group-90 label[data-option-rules].hidden,
    #option-group-83 label[data-option-rules].hidden {
        background: #f6f6f6;
        border-radius: 50%;
        border-bottom: 4px white solid;
        border-left: 4px white solid;
        border-right: 4px white solid;
        border-top: 4px white solid;
        cursor: auto;
        width: 59px !important;
        height: 59px;
        margin: 6px 8px 8px;
    }*/

    div.option-group-step[data-step-group-id="3"] .icon,
    div.option-group-step[data-step-group-id="5"] .icon {
        display: inline-block;
        padding: 6px;
        margin: 0px !important;
        border: 2px solid transparent;
        cursor: pointer;
    }



    div.option-group-step[data-step-group-id="3"],
    div.option-group-step[data-step-group-id="5"] {
    padding: 0px 13px 0px;
}

    #option-group-75 .option-group-options.icons.swatches label {
        margin: 0px 0px 0;
    }

    .staggs-product-configurator-page .staggs-configurator-main .option-group-wrapper .staggs-summary-widget {
        padding: 20px 0 50px;
    }
    .option-group-wrapper{
        padding-bottom: 50px !important;
    }

    .ct-header-trigger {
        width: 40px !important;
        height: 40px !important;
        right: 0px !important;
        margin: 0 !important;
    }
    .staggs-view-gallery .staggs-preview-actions {
        top: calc(100vw * 1.3 / 3) !important;
        gap: 6px !important;
    }
    .front-content{
        width: 300px;
        padding: 0px 15px 50px;
     }
     .product-list {
         grid-template-columns: repeat(2, 1fr);
     }
     #vpc-container .xl-2-3 {
        height: calc(100vh - 60px);
    }
    [data-fc-sidecart] #fc #fc-cart--fixed-width .fc-cart__item__image {
        width: 40% !important;
    }
    .fc-cart__item__option__name {
        max-width: 80%;
    }

    #vpc-components {
        width: 100vw;
        padding: 0 0 70px;
        height: calc(100vh - 250px) !important;
        /*max-height: calc(100vh - 120px);*/
        position: absolute;
        bottom: 0;
        display: block;
        overflow: overlay;
        border-top: 1px solid #c8c8c8;
        /*grid-template-columns: unset;*/
    }
    .page-template-configure-page #vpc-master {
        width: 100vw;
        /* padding-top: 0vh; */
        margin-top: 45px;
        height: calc(38vh - 40px);
        display: flex;
    }
    .page-template-configure-page .close {
        margin: 0 0px 0 0;
    }

    .staggs-configurator-main .staggs-product-options .option-group-wrapper {
        padding: 0;
    }

    /*
    #myBtn {
        width: calc(100% - 24px);
        position: static;
        z-index: 1000;
        bottom: auto;
        right: 0;
        margin: 12px;
        font-size: 10px;
    }
    */
    .vpc-single-option-wrap {
        width: calc(33% - 0px);
    }
    .vpc-group {
        padding: 15px 2% 20px !important;
    }
    .vpc-options label.custom {
        width: calc(100% - 24px) !important;
        padding: 6px !important;
        margin: 5px 5% 6px !important;
        font-size: 15px !important;
    }
    .vpc-component-header > span {
        padding: 10px 20px 2px !important;
    }
    #component-6745d39328a76 .vpc-single-option-wrap {
        width: calc(25% - 0px);
    }
    #vpc-preview {
        margin: 0 auto 0;
        width: 100%;
        height: 100%;
        display: flow;
    }
    .page-template-configure-page .modal-content {
        border-radius: 4px;
        background-color: #fefefe;
        padding: 3px 16px 40px;
        border: 1px solid #888;
        width: 90%;
    }
    #vpc-preview img {
        height: auto;
        width: auto !important;
        max-height: 170px;
    }
    .vpc-success {
        width: 90%;
        left: 5%;
        height: auto;
    }
    .close-btn {
        right: calc(50% - 44%);
    }
    .ct-container-full article {
        overflow: scroll;
    }
    .archive .woo-listing-top{
        display: none;
    }
    .page-template-configure-page #vpc-price-container {
        padding: 10px 240px 10px 12px;
        width: calc(100% - 0px);
        text-align: left;
        margin: 0 0px;
        height: 60px;
        font-size: 14px;
        bottom: 0;
        line-height: normal;
    }  
    #vpc-price{
        font-size: 19px;
    }
    .page-template-configure-page .vpc-action-buttons {
        margin: 69px 12px 0 0;
        width: auto !important;
        bottom: 10px;
        right: 12px;
    }
    .vpc-price-label{
        display: block;
        direction: ltr;
    }
    .front-container {
        height: calc(100vh - 120px);
    }
    .xoo-wsc-ft-buttons-cont {
        grid-template-columns: repeat(3, 1fr);
    }

    .xoo-wsc-container .xoo-wsc-ft-buttons-cont {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .xoo-wsc-ft-buttons-cont a {
        font-size: small !important;
    }
    .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
        padding: 10px 10px;
    }
    .xoo-wsc-footer {
        border-top: 2px solid #eee;
        padding-bottom: 10px;
    }
    .option-group-wrapper .option-group-options.cards {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .xoo-wscb-icon {
        font-size: 28px;
    }
    .xoo-wscb-count {
        font-size: 15px;
        line-height: 33px;
    }
    .xoo-wsch-text {
        font-size: 16px;
    }
    span.xoo-wsch-close {
        font-size: 26px;
        right: 10px;
    }
    .staggs-configurator-full.has-theme-header .staggs-product-view {
        position: fixed !important;
    }
    .staggs-product-configurator-page #configurator-options{
        /*margin: 406px 0 0 0!important;*/
        /*margin-top: calc(100vw * 1.69 / 3) !important;*/
    }

    .gallery-spacer {
        height: calc(100vw * 1.65 / 3) !important;
    }

    #configurator-options {
        padding-top: 0;
    }
    div.conditional-loaded[data-step-rules*="'key':1561"] .layer_box-a, div.conditional-loaded[data-step-rules*="'key':1397"] .layer_box-b {
        width: 100%;
        aspect-ratio: 3 / 1;
        height: auto;
        max-width: 500px;
    }
    div#option-group-1562 .dynamic-label {
        font-size: 14px;
        margin: 12px 0% 0 0%;
        width: 100%;
        aspect-ratio: 3 / 1;
        height: auto;
        display: flex !important;
        max-width: 500px;
        left: 0;
        padding: 2% 0 0 33%;
        justify-content: start;
        position: absolute;
        top: 0;
        transform: translateY(-124%);
        align-items: center;
    }
    div#option-group-1396 .dynamic-label {
        font-size: 16px;
        margin: 0 -3% 0 0%;
        width: 100%;
        aspect-ratio: 3 / 1;
        height: auto;
        display: flex !important;
        max-width: 500px;
        right: 0;
        justify-content: center;
        position: absolute;
        top: 0;
        transform: translateY(-123%);
        align-items: center;
    }
    .staggs-product-configurator-page .site-branding a{
        /*display: none !important;*/
        width: 70px !important;
        margin: 0 !important;
    }

    .option-group-wrapper .icons .icon {
        margin: 2px !important;
    }

    #configurator-options .option-group h1 {
        margin: 0 20px;
    }
    .option-group-step {
        padding: 0 20px;
    }
    div.option-group-step[data-step-group-id="1"] .option-group-step-inner {
        padding: 20px 16px 0px;
    }
    div.option-group-step[data-step-group-id="1"] .option-group-step-inner img {
        width: 50%;
    }
    #option-group-75 .option-group-options.icons.swatches {
        padding: 0px 0px 0px;
    }
    #option-group-75 .option-group-options.icons.swatches {
        grid-template-columns: repeat(7, 1fr);
    }
    div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches, 
    div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches {
        grid-template-columns: repeat(7, 1fr) !important;
    }

    div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches input:checked, div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches input:checked, #option-group-75 input:checked {
        display: flex;
        right: 50%;
        left: 50%;
        margin: 4px 0 0 9px;
        width: 16px;
        height: 16px;
        border: 2px solid white !important;
    }
    .option-group-options.icons.size-large.style-outside.hide-label {
        grid-template-columns: repeat(3, 1fr);
    }

    .staggs-product-configurator-page .staggs-configurator-main .option-group-wrapper .option-group.total {
        height: 100px !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
    }
    .staggs-configurator-main .staggs-product-options .option-group-wrapper {
        padding: 0 0 100px !important;
    }
    input#product-quantity {
        font-size: 18px;
        height: 40px;
    }
    .staggs-cart-form-button a.button.foxy-cart-add-to-cart {
        height: 40px !important;
        font-size: 18px;
    }
    a.button-foxy-cart {
        height: 40px !important;
    }
    .option-group-options.icons.size-large.style-outside.hide-label .tooltip {
        margin: 0px 0 -5px 0;
    }
    .option-group-options.options.list.list--preview label .option-image img {
        float: none;
        width: 100%;
        margin: -20px 0 0 0;
    }
    .option-group-wrapper .option-group.total .staggs-cart-form-button {
        gap: 8px;
    }
    div[data-fc-sidecart], nav.fc-sidecart-only-fixed, .fc-sidebar.fc-sidebar--cart {
        width: 92% !important;
    }
    .woocommerce .fc-cart__main__content.fc-container__grid {
        padding: 0 15px !important;
        width: 100% !important;
    }
    .woocommerce .fc-action--checkout--button {
        font-size: 18px !important;
    }
    .woocommerce .custom-foxy-cart-button {
        font-size: 18px !important;
    }
    .woocommerce header.fc-cart__header.fc-container__row {
        padding: 15px !important;
    }
    .woocommerce .fc-actions--payment {
        border: 0 !important;
        padding: 0 10px !important;
    }
    .option-group-wrapper .options.list--preview .option-image+span {
        top: 110px;
        padding: 0 12% 0 0px !important;
        text-align: center;
        text-shadow: 1px -1px white;
    }
    .option-group-options.icons.size-large.style-outside.hide-label .tooltip .name {
        color: #4a4a4a;
        font-size: 16px;
    }
    div.option-group-step[data-step-group-id="4"] {
        margin: 24px 22px 0px;
        padding: 30px 15px 30px;
    }
    div.option-group-step[data-step-group-id="4"] .option-group-content {
        padding: 35px 0 0;
    }
    .option-group {
        padding-left: 0px !important;
        padding-right: 0px !important;
        background-size: 265px auto;
    }
    .xoo-wsc-basket {
        bottom: 50px;
    }
    .staggs-view-gallery .staggs-preview-actions button {
        width: 30px !important;
        height: 30px !important;
        background-color: rgba(0, 0, 0, 0) !important;
        border: 0px solid var(--sgg-template-background) !important;
    }
    .staggs-product-configurator-page .ct-container {
        min-height: 40px !important;
    }
    .preview-text-input-wrapper {
        font-size: 19px;
    }
    .staggs-product-configurator-page #header .site-branding a::before {
        content: "Configurator by ";
        display: inline-block;
        margin: 7px 4px 12px 0;
        width: 150px !important;
        text-indent: initial;
        font-size: 16px;
        text-shadow: 1px -1px #ffffff;
    }
    .staggs-product-configurator-page #header .site-branding a img {
        margin: 0 0 -3px 1px;
        width: 70px;
        opacity: 0.8;
    }
}

@media (max-width: 520px) {
    .staggs-product-configurator-page #header .site-branding a::before {
        font-size: 12px;
    }
    .staggs-product-configurator-page #header .site-branding a img {
        width: 60px;
    }
    .staggs-product-configurator-page #header .site-branding a {
        height: auto;
    }
    [data-column=end] [data-items=primary]>*:last-child {
        justify-content: end;
    }
    div.option-group-step[data-step-group-id="4"] .option-group-step-inner .length_caution_text {
        font-size: 13px !important;
        color: #4a4a4a;
    }
    #configurator-options .option-group h1 {
        font-size: 16px;
        padding: 18px 0 2px;
    }
    div.option-group-step[data-step-group-id="1"] .option-group-step-inner, div.option-group-step .option-group-step-inner {
        padding: 15px 15px 25px;
    }
    .option-group-options.icons.size-large.style-outside.hide-label {
        padding: 0;
        margin: 0 0 16px;
    }
    div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches, div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded .option-group-options.icons.swatches {
        padding: 0 0 10px;
    }
    div.option-group-step[data-step-group-id="2"] .conditional-wrapper.conditional-loaded, div.option-group-step[data-step-group-id="3"] .conditional-wrapper.conditional-loaded {
        margin: 0 0 14px;
    }
    div#option-group-1561 .option-group-content, div#option-group-1397 .option-group-content {
        padding: 0;
    }
    .text-input p.option-note {
        margin: 0 !important;
    }
    div#option-group-1561, div#option-group-1397 {
        border-bottom: 0;
        margin: 20px 0 0;
    }
    div.conditional-loaded[data-step-rules*="'key':1561"] .layer_box-a, div.conditional-loaded[data-step-rules*="'key':1397"] .layer_box-b {
        margin: 0 0 12px;
    }
    div.option-group-step[data-step-group-id="4"] {
        padding: 15px 15px 25px;
    }
    .option-group-step .option-group-step-title {
        padding: 6px;
    }
    .staggs-product-configurator-page .staggs-configurator-main .staggs-product-options .option-group {
        padding: 0;
    }
    div.option-group-step[data-step-group-id="3"], div.option-group-step[data-step-group-id="5"] {
        padding: 0 20px;
    }
    .option-group-step .option-group-step-title {
        padding: 4px 0;
    }
    div.option-group-step[data-step-group-id="1"] .option-group-step-inner {
        padding: 15px 15px 25px;
    }
    .staggs-configurator-main .option-group-title {
        margin-bottom: 0px;
    }
    .option-group-options.options.list.list--preview label:nth-child(1) {
        padding: 0 6px 0 0;
        /* height: auto; */
    }
    .option-group-options.options.list.list--preview label:nth-child(2) {
        padding: 0 0 0 6px;
        /* height: auto; */
    }
    div.option-group-step[data-step-group-id="1"] #option-group-156 .option-group-options, div.option-group-step[data-step-group-id="1"] #option-group-1090 .option-group-options, div.option-group-step[data-step-group-id="1"] #option-group-1144 .buttongroup {
        min-height: 152px;
    }
    .option-group-step-inner .option-group:not(:last-child) {
        margin: 0 0 12px 0;
    }
    #option-group-75 .option-group-options.icons.swatches {
        margin: 0 0 6px 0;
    }
    .option-group-wrapper .options.list--preview .option-image+span {
        top: 90px;
    }
    div.option-group-step[data-step-group-id="1"] label .option {
        overflow: hidden;
        height: auto;
    }
    p.option-group-summary span.name {
        font-size: 16px;
    }
    .staggs-product-options .title {
        font-size: 16px;
    }
    div.option-group-step[data-step-group-id="1"] .option-group-step-inner .conditional-wrapper.conditional-loaded .option-group-options {
        padding: 0;
        gap: 4px;
    }
    .option-group-options.options.list.list--preview label {
        margin: 0 0 16px 0;
    }
    div.option-group-step[data-step-group-id="1"] .option-group-step-inner .conditional-wrapper.conditional-loaded label {
        padding: 4px;
        font-size: 14px;
        display: flex;
        justify-content: left;
        align-items: center;
    }
    div.option-group-step[data-step-group-id="1"] .option-group-step-inner .conditional-wrapper.conditional-loaded .tooltip {
        font-size: 16px;
        padding: 4px 10px;
    }
}

@media (max-width: 991px) and (orientation: landscape){
    .staggs-product-configurator-page #configurator-options {
        margin-top: 0 !important;
    }
    .singlepage-product-list {
        margin: -3.8%;
    }
    .total .option-group-content {
        display: flex;
    }
    .staggs-product-configurator-page .staggs-configurator-main .option-group-wrapper .totals-row {
        margin: 0 !important;
        width: auto;
    }
    .staggs-product-configurator-page .staggs-configurator-main .option-group-wrapper .option-group.total {
        padding: 8px 2% 8px !important;
    }
    html body .staggs-configurator-main .staggs-product-options label.hidden {
        height: auto !important;
    }
    .option-group-wrapper {
        padding-bottom: 60px !important;
    }
    .totals-list{
        width:30%;
    }
    .button-wrapper{
        width:70%;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .staggs-product-configurator-page #configurator-options {
        margin-top: 0 !important;
    }
    .singlepage-product-list {
        margin: 0%;
    }
  }