@media screen and (max-width: 560px) {
.wonder-header .wonder-header-inner .wonder-header-cta-wrapper {
rgba(53, 152, 219, 0.8) !important
}
}


@media screen and (min-width: 561px) {
.wonder-cv-button-block, .wonder-cv-line-block, .wonder-cv-mail-block, .wonder-cv-tel-block {
        width: 280px !important;
}
}
@media screen and (max-width: 560px) {
.wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
           width: 35% !important;
           height: 75% !important;
           margin: auto !important;
}
.wonder-header.section-main-container {
    height: 55px !important;
}
.wonder-header-main {
    height: 30px !important;
}
.swiper-wrapper-structure {
    display: -webkit-box !important;
}
[data-section-type=access] .wonder-default-main-content div.wonder-scroll-container.enabled ul li {
width: 350px !important;
}
}


@media screen and (min-width: 561px) {
.wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
  max-width: unset !important;
  width: 240px !important;
  height: auto !important;
  margin-left: 26px !important;
}
 .wonder-header-text {
    margin-left:0px!important;
  }
}


@media screen and (min-width: 561px) {
    .wonder-profile-txt-box {
        width: 460px !important; 
    }
.flip-target {
flex-direction: row-reverse !important;
}
}
@media screen and (max-width: 560px) {
    .wonder-default-main-content {
        width: unset !important;
    }
    .wonder-profile-txt-box {
        width: unset !important; 
    }
    .wonder-profile-img {
        width: unset !important;
    }
}


    @media screen and (min-width: 561px) {
        [data-section-type="header"] {
            zoom: 0.9;
        }
    }


  div.wonder-footer-main .wonder-footer-logo img {
    width: 200px !important;
    height: 40px !important;
    margin-left: -12px !important;
  }


    @media screen and (max-width: 560px){
        [data-section-type=appeal] .wonder-scroll-container:not(.enabled) .scroll-contents:not(.swiper-active) ul:not(.card-container) .wonder-img-scroll-container
        {
            width: 90% !important;
        }
        [data-section-type=appeal] .wonder-scroll-container:not(.enabled) .scroll-contents:not(.swiper-active) ul:not(.card-container) li.swiper-slide-structure .wonder-li-container
        {
            flex-direction: column !important;
        }
        [data-section-type=appeal] .scroll-hint-icon-wrap {
            top: 25%!important;
        }
        [data-section-type="tile"] .card-container {
            display: flex !important;
            flex-flow: column;
        }
    }
[data-section-type=profile] .wonder-profile-cont-box {
justify-content: center !important;
}


@media screen and (max-width: 560px) {
    .wonder-profile-cont-box {
        display: flex; /* 必ずフレックスボックスを有効化 */
        flex-direction: column; /* 子要素を縦方向に配置 */
    }

    .wonder-profile-img {
        order: -1; /* 画像を先頭に移動 */
    }

    .wonder-profile-txt-box {
        width: 100%; /* テキストボックスの幅を100%に調整 */
    }
}


@media screen and (max-width: 560px) {
.wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
           width: 30% !important;
           height: 75% !important;
           margin: auto !important;
}
.wonder-header.section-main-container {
    height: 55px !important;
}
.wonder-header-main {
    height: 30px !important;
}
}


@media screen and (max-width: 560px) {
    .wonder-cv-button-txt-block {
        margin-left: unset !important;
    }
}


@media screen and (min-width: 561px) {
    .text-shadow-7 {
        margin-right: 0px !important;
    }
    #id-7chxk14au img[data-composition-img-id="headerLogo"] {
        width: 40% !important;
    }
}


  @media screen and (min-width: 561px) {
    [data-section-type="profile"].wonder-profile .wonder-profile-txt-box {
      width: 480px !important;
    }
  }


@media screen and (min-width: 561px) {
  [data-section-type="cv"].wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-title {
        margin-bottom: 0;
        margin: auto;
  }
  .wonder-cv[data-composition-type=C] .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block .wonder-cv-button-block {
    width: 320px !important;
  }
  .wonder-cv[data-composition-type="C"] .wonder-cv-wrapper {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 560px) {
  .wonder-cv[data-composition-type=C] .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block .wonder-cv-button-block {
    width: 90% !important;
  }
}


  @media screen and (min-width: 561px) {
    [data-section-type="cv"].wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block {
      height: 70px;
      padding-bottom: 12px;
    }
  }


    @media screen and (min-width: 561px) {
        [data-section-type="profile"].gaiyo .flip-target {
            flex-direction: row !important;
        }
        .wonder-cv .wonder-cv-wrapper .wonder-cv-back-img {
            width: 70% !important;
        }
        [data-section-type="cv"].wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block {
            margin-right: auto;
            margin-left: auto;
        }
    }


@media screen and (max-width: 560px) {
    .wonder-cv[data-composition-type=B] .wonder-cv-wrapper .wonder-cv-button-block {
        width: 40% !important;
    }
    .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
        width: 100px !important;
    }
}


  [data-section-type=profile] .wonder-profile-cont-box .wonder-profile-txt-box .wonder-profile-txt-ttl02 {
    border-color: #604d3e !important;
  }
  .card-container [data-card-type=profile-1] .wonder-profile-cont-box .wonder-profile-txt-box .wonder-description-content .wonder-profile-txt-ttl03 {
    border-color: #604d3e !important;
  }
  .card-container [data-card-type=profile-1] .wonder-profile-cont-box .wonder-profile-txt-box .wonder-description-content .wonder-profile-txt-ttl03 span span {
    color: #604d3e !important;
  }
  [data-section-type=faq] .wonder-default-main-content .wonder-faq-contents-wrapper .wonder-faq-contents {
    border-color: #604d3e !important;
  }


  [data-section-type="appeal"] .card-container .wonder-li-container .swiper-wrapper-img img,
  [data-section-type="profile"] .wonder-scroll-container .wonder-profile-cont-box .wonder-profile-img img {
    object-fit: cover !important;
  }
  @media screen and (max-width: 560px) {
    [data-section-type="profile"] .wonder-scroll-container .wonder-profile-cont-box .wonder-profile-img img {
      width: 100% !important;
      height: unset !important;
    }
    [data-section-type="profile"] .wonder-scroll-container .wonder-profile-cont-box .wonder-profile-img {
      width: 100% !important;
    }
  }


@media screen and (min-width: 561px ) {
    [data-section-type="profile"] .wonder-scroll-container .wonder-profile-cont-box .wonder-profile-img img {
        height: 320px !important;
        width: 458px !important;
    }
}
@media screen and (max-width: 560px ) {
    [data-section-type="profile"] .wonder-scroll-container .wonder-profile-cont-box .wonder-profile-img img {
        height: 320px !important;
    }
}


  .kami-list-block [data-content-type=scroll] .wonder-scroll-container.enabled .card-container .col-el {
    margin-bottom: 6px;
  }


  .wonder-tab-container.enabled .tab-item {
    border: #604d3e !important;
  }
  .wonder-tab-container.enabled input.tab-input+.tab-item {
    background-color: #ececec;
    color: #604d3e !important;
  }
  .wonder-tab-container.enabled input.tab-input:checked+.tab-item {
    background-color: #604d3e !important;
    color: #ffffff !important;
  }
  @media screen and (min-width: 561px) {
    [data-section-type=product].kami-list-block .section-whole-wrapper .wonder-access-ttl01 {
      margin-bottom: 10px !important;
    }
  }
  @media screen and (max-width: 560px) {
        [data-section-type=appeal] .wonder-img-scroll-container.img-left-margin img.display-none-f-pc {
      height: 95%;
      padding-top: 5%;
    }
  }


    #chatbot-container .chatbot-toggle-button {
        background-color: rgb(255, 89, 0);
    }


    [data-section-type="product"] .wonder-scroll-container.enabled.scroll-bar-top ul li.wonder-product-list-li .wonder-product-info {
        display: none;
    }


    .wonder-header .fixed-banner-container .wonder-reflection:after {
        top: -300px;
    }
    @media screen and (max-width: 560px) {
        body:has(.chatbot-container) .template-panel .lp-popup-coupon.coupon-popup {
            bottom: 200px !important;
        }
        .lity.lity-opened .lity-wrap .lity-container {
            width: 94% !important;
        }
    }


  [data-section-type=product].kami-list-block .wonder-scroll-container.enabled.scroll-bar-top ul li.wonder-product-list-li {
    margin-top: 0 !important;
    margin-right: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }


  [data-section-type="product"] .card-container .wonder-product-list-li .wonder-product-img {
    margin-bottom: 20px !important;
  }


  .lp-popup-coupon .coupon-container-parent .lp-coupon-popup-context .coupon-purchase-button button {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .lp-popup-coupon .coupon-container-parent .lp-coupon-popup-context .coupon-purchase-button button div span {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }


    @media screen and (max-width: 560px) {
        [data-section-type="purchase"] .wonder-purchase-box .wonder-purchase-txt-box-txt03 {
            justify-content: center !important;
            align-items: end !important;
        }
        [data-section-type=purchase] .wonder-purchase-box .wonder-purchase-btn-box.not-after img {
            top: 3px !important;
        }
    }


/* ===== 購入CTAのオレンジ装飾(#ff5800)を除去 ===== */
/* 1) 購入ボタン内アイコンのオレンジdrop-shadow */
[data-section-type="purchase"] .wonder-purchase-box .wonder-purchase-btn-box .wonder-purchase-btn img,
[data-section-type="purchase"] .wonder-purchase-box .wonder-purchase-btn-box .wonder-purchase-btn video,
.card-container [data-card-type="purchase-1"] .wonder-purchase-box .wonder-purchase-btn-box .wonder-purchase-btn img,
.card-container [data-card-type="purchase-1"] .wonder-purchase-box .wonder-purchase-btn-box .wonder-purchase-btn video {
  -webkit-filter: none !important;
  filter: none !important;
}
/* 2) ヘッダーCTA「購入手続きへ」文字のオレンジtext-shadow */
.wonder-cv-mail-block,
.wonder-cv-mail-block .wonder-cv-mail-text,
.wonder-header-mail-block,
.wonder-header-mail-block .wonder-cv-mail-text {
  text-shadow: none !important;
}