/* ===== LINE ボタン　変数設定 ===== */
:root {
  --sp-line-height: 62px;  /* SP版ボタン高さ  */
  --pc-line-width: 60px;  /* PC版ボタン幅 */
  /*ヘッダヘ上乗せの高さ色 */
  --spacer-height: 36px;  /* ヘッダー上乗せ部分高さ */
  --spacer-background-color:#f1ead3 ; /* ヘッダー上乗せ背景色 */  
  --sp-line-top: 3px;  /* SP版ボタン上からの位置  */
  /* --spacer-background-color:#000000 ; */
}

  body {
    margin: 0;
    padding: 0;
    background: #f1ead3;
  }
  .section {
    width: 100%;
    max-width: 1440px;
    /* max-width: 1200px; */
    margin: 0 auto;
  }
  .section img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* SP画像をデフォルト非表示 */
  .sp {
    display: none !important;
  }
  .line-btn--sp { display: none !important; }

  /* 768px以下になったらPC画像を非表示にしてSPを表示 */
  @media screen and (max-width: 768px) {
    .pc {
      display: none !important;
    }
    .line-btn--pc { display: none !important; }
    .sp {
      display: block !important;
    }
  .line-btn--sp { display: block !important; }
  }


  /* ===== LINEボタン 共通 ===== */
.line-btn {
  position: fixed;
  z-index: 9999;
  text-decoration: none;
}

/* ===== PC版（≥769px）：右端・中央固定／縦ボタン ===== */
.line-btn--pc {
  right: 0;         /*右端からのオフセット（必要に応じて調整） */
  top: 50%;
  transform: translateY(-50%);
  /* 幅固定（支給画像に合わせて）：例 72px */
  width: var(--pc-line-width);
}
.line-btn--pc img { width:100%; height:auto; }

/* ===== SP版（≤768px）：最上部・中央固定／上乗せ ===== */
.line-btn--sp {
  top: var(--sp-line-top);
  left: 50%;
  transform: translateX(-50%);
  img {
  height: var(--sp-line-height) !important;
  }
  /* width: min(90vw, var(--sp-line-max-width)); */
  /* クリックしやすいように少し影など欲しければここに */
}

/* SPスペーサ：固定ボタン高さぶん押し下げ（“上乗せ”実現） */
.sp-line-spacer {
  display: none;  /* PCでは不要 */
  height: 0;     /* SPメディアクエリで高さ付与 */
}

/* ===== メディアクエリ ===== */
@media (min-width: 769px) {
  .sp-line-spacer { display: none !important; }
}

@media (max-width: 768px) {
  .sp-line-spacer {
    display: block;
    height: var(--spacer-height); /* ← 上乗せ分：ヘッダーの上にスペース確保 */
    background-color: var(--spacer-background-color); /* ← ヘッダー背景色に合わせる */  
  }
}