/** Shopify CDN: Minification failed

Line 110:0 Expected "}" to go with "{"

**/
  /* ボタン */

    .link-button {
        display: inline-block;
        padding: 15px 20px;
        text-decoration: none !important;
        min-width: 150px;
        max-width: 100%;
        width: 80%; /* 初期幅は親要素の80% */
        text-align: center; /* 文字中央寄せ */
        box-sizing: border-box; /* パディング込みの幅計算 */
        transition: 0.3s; /* ← 変化をスムーズに */
        border-radius: 5px; /* ← 角の丸み */

    }

    .link-button-primary {
        background-color: #434343;
        color: #fff;
    }

.link-button-primary:hover {
    background-color: #9c9c9c; /* ← マウスオンで色を変える */
}

    .link-button-secondary { 
        background-color: #fff; /* ← 別デザイン用 */
        color: #000;
    }

.link-button-secondary:hover {
    background-color: #3d3d3d; /* ← 別デザイン用マウスオン色変更 */
}

    /* 画面幅が768px以上のとき（タブレット・PC） */
    @media (min-width: 768px) {
        .link-button {
            width: 500px; /* 固定幅にする例 */
        }
    }

    /* 画面幅が480px以下のとき（スマホ） */
    @media (max-width: 480px) {
        .link-button {
            width: 100%; /* より幅を広げてスマホで押しやすくする */
        }
    }


.bannerz {
  width: 100%;       /* 親幅いっぱい */
  max-width: 100%;   /* 親幅に依存 */
  margin: 0 auto;
}

.bannerz-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 2.5 / 1; /* PC横長バナーの比率 */
}

.pad-switch {
  padding: 40px;   /* PC */
}

.title-small{
  display: block;
  text-align: center;
  font-size: 2.1rem;
  font-weight:600;
  margin-top:3rem;
}
  
.title-big{
  display: block;
  text-align: center;
  font-size: 2.8rem;
  font-weight:600;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 7px;
  margin-top:1rem;
}  

  .title-medium{
  display: block;
  text-align: center;
  font-size: 2rem;
  font-weight:400;
}

  
/* SP用縦横比だけ切り替え */
@media screen and (max-width: 991px) {
  .bannerz-img {
    aspect-ratio: 3 / 4; /* 縦長バナーの比率 */
  }
  .pad-switch {
    padding: 20px; /* SP */
  }