
[data-decorate-text='{"borderWidth": "3", "borderBlur": "1", "borderColor": "#ffffff", "borderSteps": "72", "shadowWidth": "0", "shadowBlur": "0", "shadowColor": "#000000", "shadowSteps": "0", "shadowShiftRight": "0", "shadowShiftBottom": "0.8"}']{
text-shadow: rgb(255, 255, 255) 3px 0px 1px, rgb(255, 255, 255) 3px 1px 1px, rgb(255, 255, 255) 3px 1px 1px, rgb(255, 255, 255) 2px 2px 1px, rgb(255, 255, 255) 2px 2px 1px, rgb(255, 255, 255) 2px 2px 1px, rgb(255, 255, 255) 1px 3px 1px, rgb(255, 255, 255) 1px 3px 1px, rgb(255, 255, 255) 0px 3px 1px, rgb(255, 255, 255) -1px 3px 1px, rgb(255, 255, 255) -1px 3px 1px, rgb(255, 255, 255) -2px 2px 1px, rgb(255, 255, 255) -2px 2px 1px, rgb(255, 255, 255) -2px 2px 1px, rgb(255, 255, 255) -3px 1px 1px, rgb(255, 255, 255) -3px 1px 1px, rgb(255, 255, 255) -3px 0px 1px, rgb(255, 255, 255) -3px -1px 1px, rgb(255, 255, 255) -3px -1px 1px, rgb(255, 255, 255) -2px -2px 1px, rgb(255, 255, 255) -2px -2px 1px, rgb(255, 255, 255) -2px -2px 1px, rgb(255, 255, 255) -1px -3px 1px, rgb(255, 255, 255) -1px -3px 1px, rgb(255, 255, 255) 0px -3px 1px, rgb(255, 255, 255) 1px -3px 1px, rgb(255, 255, 255) 1px -3px 1px, rgb(255, 255, 255) 2px -2px 1px, rgb(255, 255, 255) 2px -2px 1px, rgb(255, 255, 255) 2px -2px 1px, rgb(255, 255, 255) 3px -1px 1px, rgb(255, 255, 255) 3px -1px 1px
}
[data-decorate-text='{"borderWidth": "3", "borderBlur": "2", "borderColor": "#ffffff", "borderSteps": "72", "shadowWidth": "0", "shadowBlur": "0", "shadowColor": "#000000", "shadowSteps": "0", "shadowShiftRight": "0", "shadowShiftBottom": "0.8"}']{
text-shadow: rgb(255, 255, 255) 3px 0px 2px, rgb(255, 255, 255) 3px 1px 2px, rgb(255, 255, 255) 3px 1px 2px, rgb(255, 255, 255) 2px 2px 2px, rgb(255, 255, 255) 2px 2px 2px, rgb(255, 255, 255) 2px 2px 2px, rgb(255, 255, 255) 1px 3px 2px, rgb(255, 255, 255) 1px 3px 2px, rgb(255, 255, 255) 0px 3px 2px, rgb(255, 255, 255) -1px 3px 2px, rgb(255, 255, 255) -1px 3px 2px, rgb(255, 255, 255) -2px 2px 2px, rgb(255, 255, 255) -2px 2px 2px, rgb(255, 255, 255) -2px 2px 2px, rgb(255, 255, 255) -3px 1px 2px, rgb(255, 255, 255) -3px 1px 2px, rgb(255, 255, 255) -3px 0px 2px, rgb(255, 255, 255) -3px -1px 2px, rgb(255, 255, 255) -3px -1px 2px, rgb(255, 255, 255) -2px -2px 2px, rgb(255, 255, 255) -2px -2px 2px, rgb(255, 255, 255) -2px -2px 2px, rgb(255, 255, 255) -1px -3px 2px, rgb(255, 255, 255) -1px -3px 2px, rgb(255, 255, 255) 0px -3px 2px, rgb(255, 255, 255) 1px -3px 2px, rgb(255, 255, 255) 1px -3px 2px, rgb(255, 255, 255) 2px -2px 2px, rgb(255, 255, 255) 2px -2px 2px, rgb(255, 255, 255) 2px -2px 2px, rgb(255, 255, 255) 3px -1px 2px, rgb(255, 255, 255) 3px -1px 2px}

[data-decorate-text='{"borderWidth": "2", "borderBlur": "2", "borderColor": "#FFFFFF", "borderSteps": "72", "shadowWidth": "0", "shadowBlur": "0", "shadowColor": "#000000", "shadowSteps": "76", "shadowShiftRight": "0", "shadowShiftBottom": "0"}']{
text-shadow:rgb(255, 255, 255) 2px 0px 2px, rgb(255, 255, 255) 2px 0px 2px, rgb(255, 255, 255) 2px 1px 2px, rgb(255, 255, 255) 2px 1px 2px, rgb(255, 255, 255) 1px 1px 2px, rgb(255, 255, 255) 1px 2px 2px, rgb(255, 255, 255) 1px 2px 2px, rgb(255, 255, 255) 0px 2px 2px, rgb(255, 255, 255) 0px 2px 2px, rgb(255, 255, 255) 0px 2px 2px, rgb(255, 255, 255) -1px 2px 2px, rgb(255, 255, 255) -1px 2px 2px, rgb(255, 255, 255) -1px 1px 2px, rgb(255, 255, 255) -2px 1px 2px, rgb(255, 255, 255) -2px 1px 2px, rgb(255, 255, 255) -2px 0px 2px, rgb(255, 255, 255) -2px 0px 2px, rgb(255, 255, 255) -2px 0px 2px, rgb(255, 255, 255) -2px -1px 2px, rgb(255, 255, 255) -2px -1px 2px, rgb(255, 255, 255) -1px -1px 2px, rgb(255, 255, 255) -1px -2px 2px, rgb(255, 255, 255) -1px -2px 2px, rgb(255, 255, 255) 0px -2px 2px, rgb(255, 255, 255) 0px -2px 2px, rgb(255, 255, 255) 0px -2px 2px, rgb(255, 255, 255) 1px -2px 2px, rgb(255, 255, 255) 1px -2px 2px, rgb(255, 255, 255) 1px -1px 2px, rgb(255, 255, 255) 2px -1px 2px, rgb(255, 255, 255) 2px -1px 2px, rgb(255, 255, 255) 2px 0px 2px
}


  /* card-logo を含む祖先の配下にある appealPointImg を含む img すべて */
@media screen and (min-width: 561px) {
  .card-logo [data-composition-img-id^="appealPointImg"] {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;:
  }
}
@media screen and (max-width: 560px) {
  .card-logo [data-composition-img-id^="appealPointImg"] {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;:
  }
}


@media screen and (max-width: 560px) {
    .card-logo .card-container [data-card-type=appeal-2] li.card-el .swiper-wrapper-img {
        padding-top: 100%!important;
    }
    .card-logo .card-container [data-card-type=appeal-2] li.card-el.swiper-slide-structure .wonder-li-container .wonder-img-scroll-container {
        width: 100%;!important;
    }
}


  /* 共通部分のロゴエリアのスタイル */
  /* スクロール制御がある親の幅を制限解除 */
  .card-logo .wonder-only-sp-scroll-x {
    overflow-x: visible !important;
  }
  /* グリッド内に並べる1枚1枚のカード */
  .card-logo .card-container.scroll-card-container > .col-el[data-card-type="appeal-2"] {
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: block !important;
  }

  /* 内部のli要素にも余計なスペースが出ないように */
  .card-logo .card-container li.card-el {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: initial !important;
  }

  /* Swiper関連の装飾も非表示にしておく（必要に応じて） */
  .card-logo .swiper-pagination-img,
  .card-logo .swiper-button-prev-img,
  .card-logo .swiper-button-next-img {
    display: none !important;
  }

  /* PCのロゴエリアのスタイル */
@media screen and (min-width: 561px) {

  /* カードを並べるul要素をgrid化 */
  .card-logo .card-container.scroll-card-container {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important; /* 9列 */
    column-gap: 12px !important;
    row-gap: 6px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
}
  /* SPのロゴエリアのスタイル */
@media screen and (max-width: 560px) {

  /* カードを並べるul要素をgrid化 */
  .card-logo .card-container.scroll-card-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 3列 */
    column-gap: 16px !important;
    row-gap: 16px !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
}


.wonder-cv-back-img {
    height: calc(110% - 70px) !important;
  }


@media screen and (min-width: 561px) {
  div[class*="small-img"] img.adjustable-img {
    height: 120px;
    padding-top: 20px;
  }
}


@media screen and (min-width: 561px) {
 .wonder-header-text {
    margin-left:10px!important;
  }
}


@media screen and (max-width: 560px) {
.wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
           width: 23% !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) {
    body:has(.chatbot-container) .template-panel .lp-popup-coupon.coupon-popup {
        bottom: 195px !important;
    }
    .lp-coupon-popup-text-container > div:nth-of-type(2) {
        margin: unset !important;
    }
}


 [data-section-type="util"] .section-body-container .swiper-wrapper-img picture {
    display: flex;
    justify-content: center;
 }
