/** Shopify CDN: Minification failed

Line 106:3 Expected ":"
Line 207:1 Expected "}" to go with "{"

**/
@media screen and (max-width: 749px) {
  /* 画像の親を基準にする */
  .promobox__item {
    position: relative;
  }

  /* ボタンの配置 */
  .promobox__btns {
    position: absolute;
    bottom: -50px; /* ← ここを大きくすれば「下に下がる」 */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    justify-content: center;
    width: 100%;
  }

  .promobox__btns a {
    max-width: 200px;
    padding: 10px 16px;
    text-align: center;
    display: block;
    border-radius: 6px;
    /* 背景色やカラーはテーマ側に任せる場合は指定不要 */
  }

  /* 画像スタイル（画像が消えないように） */
  .promobox__item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .promobox__content {
    position: absolute;
    bottom: 350px; /* ← 下からの距離 */
    left: 240px;   /* ← 左からの距離 */
    text-align: left;
    z-index: 5;
    width: auto;
  }

  .promobox__title,
  .promobox__subtitle {
    color: #000;
    font-size: 16px;
    margin-bottom: 8px;
    text-align: left;
  }

  .promobox__btns {
    display: flex;
    justify-content: flex-start;
  }

  .promobox__btns a {
    max-width: 200px;
    padding: 10px 16px;
    display: block;
    border-radius: 6px;
    text-align: center;
  }
}
@media screen and (max-width: 749px) {
  .promobox__btns {
    position: absolute;
    bottom: -160px;  /* ← 必要に応じて数値を増やして更に下げられます */
    left: 63%;
    transform: translateX(-50%);
    width: 100%;
    justify-content: center;
    z-index: 2;
  }

  .promobox__btns a {
    width: -150%;         /* ← ボタン幅を狭める（例：70%） */
    max-width: 150px;   /* ← 上限幅を設定 */
    padding: 8px 4px;
    text-align: center;
    border-radius: 6px;
    display: block;
  }
}

@media screen and (max-width: 749px) {
  .promobox__btns a {
    font-size: 13px !important; /* ← お好みで調整 */
  }
}
@media screen and (max-width: 749px) {
  .promobox__btns a {
    padding-top: 12px !important;
    padding-bottom: 4px !important;
    line-height: 0.8!important;
　 }
}
@media screen and (min-width: 750px) {
  .promobox__btns a.btn,
  .promobox__btns a.promobox__btn {
    padding: 14px 18px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    display: inline-block !important;
  }
}
@media screen and (min-width: 1025px) {
  #shopify-section-template--1646xxxxx .rich-text__heading {
    font-size: 32px !important; /* お好みのサイズに変更 */
    line-height: 1.4;
  }
}
@media screen and (min-width: 750px) {
  .promobox__text.h2.h1-sm {
    font-size: 30px !important;  /* お好みで調整 */
    line-height: 1.2;
  }
}
/* デスクトップ・タブレット用：h1フォントサイズを大きく */
@media screen and (min-width: 750px) and (max-width: 1024px) {
  /* タブレット（縦画面〜小さい横画面）向けのスタイル */
  .custom-title-lg h1,
  .custom-title-lg .h1-sm {
    font-size: 40px !important;
    line-height: 1.2;
  }
}
.blog-list__item__excerpt {
  display: none !important;
}
.blog-list__item .blog-list__item__excerpt {
  display: none !important;
}
/* デスクトップ・タブレット用：h1フォントサイズを大きく */
@media screen and (min-width: 1025px) {
  .custom-title-lg h1,
  .custom-title-lg .h1-sm {
    font-size: 48px !important;
    line-height: 1.2;
a.link-revert {
  background-color: #f0f0f0 !important; /* 薄いグレー */
  border: 1px solid #999 !important;
  padding: 8px 16px !important;
  color: #333 !important;
  display: inline-block !important;
  text-align: center;
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .row.no-gutters {
    display: flex !important;
    justify-content: center !important;
    gap: 16px; /* ボタン間のスペース */
    flex-wrap: nowrap !important;
  }

  .row.no-gutters a.btn {
    font-size: 14px !important;
    padding: 8px 16px !important;
    max-width: 140px !important;
    min-width: 100px;
    white-space: nowrap;
  }
}
/* 横並び + ボタンサイズ変更（タブレット以上） */
@media screen and (min-width: 768px) {
  .promobox__buttons {
    display: flex;
    gap: 12px; /* ボタン同士の間隔 */
    justify-content: center;
  }

  .promobox__buttons .button {
    font-size: 14px;
    padding: 10px 20px;
    min-width: auto; /* 必要に応じて固定幅解除 */
  }
}
/* タブレット以上で横並びに（Bootstrapクラスが効かない場合） */
@media screen and (min-width: 768px) {
  .promobox__content .row.no-gutters {
    display: flex !important;
    justify-content: center;
    gap: 16px;
  }

  .promobox__content .row.no-gutters .col-12 {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: none !important;
  }

  .promobox__content .button {
    font-size: 14px;
    padding: 8px 20px;
    min-width: auto;
  }
}