/** Shopify CDN: Minification failed

Line 42:0 Unexpected "}"
Line 259:1 Expected "}" to go with "{"

**/
.builder---modification-1 {
  background-color: var(--theme);
}

.builder---modification-2 {
  background-color: var(--theme4);
}
.promobox__text-1.h5.text-uppercase {
    font-size: 17px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

.promobox__text-3 {
  font-size: 34px !important;
    line-height:1;
 }
 .promobox .h4 {
  font-size: 20px !important;
}
    @media screen and (max-width: 767px) { /* Adjust max-width as needed for your mobile breakpoint */
        /* Target the container holding your promo box buttons */
        .promo-box-btns { /* Replace with the actual class or ID of your button container */
            display: flex;
            flex-wrap: wrap; /* Allows buttons to wrap to the next line if needed */
            justify-content: center; /* Adjust alignment as desired (flex-start, flex-end, space-between) */
            gap: 10px; /* Adjust spacing between buttons */
        }

        /* Target individual buttons within the container */
        .promo-box-btns .button { /* Replace with the actual class or ID of your buttons */
            flex-grow: unset !important; /* Prevents buttons from expanding to fill available space */
            min-width: unset !important; /* Prevents buttons from having a minimum width that forces stacking */
        }
    }
}
.promobox__btns {
      box-sizing: border-box;
}
@media only screen and (max-width: 749px){
.promobox__btns {
min-width: 0px !important;
}
}
@media screen and (min-width: 1025px)and (max-width: 1259px){
  .LINE1 .promobox__text-1 {
    max-width: 100% !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }
  .LINE1 .promobox__content {
    max-width: 100% !important;
    position: relative !important;
    top: -280px !important;
  }
  .LINE1 .home-builder {
    max-width: 100% !important;
    height: 350px !important;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .LINE1 .promobox__text-1 {
    max-width: 100% !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }
    .LINE1 .promobox__content {
    max-width: 100% !important;
    position: relative;
    top: -250px!important;
  }
   .LINE1 .home-builder {
    max-width: 100% !important;
    height: 300px !important;
  }
}
@media screen and (max-width: 749px) {
  .LINE1 .promobox__text-1 {
    max-width: 100% !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }
  .LINE1 .promobox__content {
    position: absolute;
    bottom: 0; /* 親要素の下端に固定 */
    left: 0;
    width: 100%;
    max-width: 100% !important;
    position: relative;
    top: -240px !important;
  }
  .LINE1 .home-builder {
    max-width: 100% !important;
    height: 270px !important;
  }
}
@media screen and (min-width: 1260px) {
  .LINE1 .promobox__text-1 {
    max-width: 100% !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }
  .LINE1 .promobox__content {
    max-width: 100% !important;
    position: relative;
    top: -400px !important;
  }
  .LINE1 .home-builder {
    max-width: 100% !important;
    height: 340px !important;
  }
}
@media screen and (max-width: 750px) {
  .button1 .promobox .btn {
    max-width: 100% !important;
    min-width: 162px !important;
    pointer-events: all !important;
    position: absolute !important;
    bottom: 72px !important;
    left: -65px !important;
  }
  .button1 .home-builder {
    max-width: 100% !important;
    height: 90px !important;
  }
}
@media screen and (min-width: 1025px)and (max-width: 1259px) {
  .button1 .promobox .btn { 
    max-width: 100% !important;
    min-width: 162px !important;
    pointer-events: all !important;
    position: absolute !important;
    bottom: 60px !important;
    left: -33px !important;
    font-size: 18px !important;  /* ボタン文字の大きさ */
    padding: 4px 10px !important;
  }
  .button1 .home-builder {
    max-width: 100% !important;
    height: 80px !important;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .button1 .promobox .btn {
    max-width: 100% !important;
    min-width: 162px !important;
    pointer-events: all !important;
    position: absolute !important;
    bottom: 110px !important;
    left: -70px !important;
    font-size: 18px !important;  /* ボタン文字の大きさ */
    padding: 4px 10px !important;
  }
  .button1 .home-builder {
    max-width: 100% !important;
    height: 100px !important;
  }
}
@media screen and (min-width: 1260px) {
    .button1 .promobox .btn { 
    max-width: 100% !important;
    min-width: 162px !important;
    pointer-events: all !important;
    position: absolute !important;
    bottom: 74px !important;
    left: -26px !important;
    font-size: 18px !important;  /* ボタン文字の大きさ */
    padding: 4px 10px !important;
  }
  .button1 .home-builder {
    max-width: 100% !important;
    height: 80px !important;
  }
}
@media screen and (min-width: 1025px)and (max-width: 1259px) {
  .LINE2 .promobox__text-1 {
    max-width: 100% !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }
  .LINE2 .promobox__content {
    max-width: 100% !important;
    position: relative;
    top: -810px !important;
  }
  .LINE2 .home-builder {
    max-width: 100% !important;
    height: 270px !important;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .LINE2 .promobox__text-1 {
    max-width: 100% !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }
    .LINE2 .promobox__content {
    max-width: 100% !important;
    position: relative;
    top: -650px!important;
  }
   .LINE2 .home-builder {
    max-width: 100% !important;
    height: 310px !important;
  }
}
@media screen and (max-width: 749px) {
  .LINE2 .promobox__text-1 {
    max-width: 100% !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }
  .LINE2 .promobox__content {
    max-width: 100% !important;
    position: relative;
    top: -230px !important;
  }
  .LINE2 .home-builder {
    max-width: 100% !important;
    height: 270px !important;
  }
}
@media screen and (min-width: 1260px) {
  .LINE2 .promobox__text-1 {
    max-width: 100% !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }
  .LINE2 .promobox__content {
    max-width: 100% !important;
    position: relative;
    top: -1000px !important;
  }
  .LINE2 .home-builder {
    max-width: 100% !important;
    height: 340px !important;
  }
}
@media screen and (max-width: 749px) {
.Vtl-WishlistButton__WishlistIconButton {
    left: 100px !important;
    height: 570px !important;
    display: fixed !important;
    justify-content: flex-end !important;
    width: 25px !important;
    min-width: 49px !important;
}