/* ARCHIBEAUT product.html 調整
   ヘッダーと見出しの間の空白を縮める。
   既存CSS（style.css / firstview.css）は変更していません。
   元に戻すには product.html からこのファイルのlinkを外すだけです。

   変更前：.lp-hero padding-top 120px ＋ .lp-hero-content padding-top 150px = 270px
   変更後：40px ＋ 60px = 100px（見出し位置 449px → 279px） */

.lp-hero{ padding-top:40px; }
.lp-hero-content{ padding-top:60px; }

@media (max-width:720px){
  .lp-hero{ padding-top:20px; }
  .lp-hero-content{ padding-top:28px; }
}