@charset "UTF-8";
/* hashi-fair.css ─ しあわせの、はしわたしキャンペーン専用LP / .hsf- にスコープ */
/* 配色は看板由来: 朱赤(箸)・金(箸置き)・水色(青海波)・生成り */

.hsf-fair{
  --hsf-red:#c73a2f;        /* 朱赤: 箸・タイトル文字 */
  --hsf-red-deep:#a82e24;
  --hsf-gold:#b39449;       /* 金: 箸置き */
  --hsf-blue:#a9d3e6;       /* 水色: 青海波 */
  --hsf-blue-pale:#e3f1f7;
  --hsf-cream:#fdf9ec;      /* 生成り */
  --hsf-ink:#4a3f35;
  --hsf-ink-soft:#7a6f63;
  --hsf-white:#ffffff;
  --hsf-shadow:0 10px 28px rgba(120,80,40,.12);
  --hsf-radius:16px;
  color:var(--hsf-ink);
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
}
.hsf-fair *{box-sizing:border-box;}
.hsf-fair img{max-width:100%;height:auto;display:block;}
.hsf-fair a{color:inherit;text-decoration:none;}
.hsf-inner{max-width:980px;margin:0 auto;padding:0 18px;}
.hsf-pc{display:inline;}
.hsf-sp{display:none;}

/* ---------- 共通ボタン ---------- */
.hsf-btn{
  display:inline-block;
  min-width:280px;
  padding:16px 32px;
  border-radius:999px;
  background:var(--hsf-red);
  color:var(--hsf-white);
  font-size:18px;
  font-weight:bold;
  text-align:center;
  letter-spacing:.06em;
  box-shadow:var(--hsf-shadow);
  transition:opacity .2s ease, transform .2s ease;
}
.hsf-btn:hover{opacity:.88;transform:translateY(-2px);color:var(--hsf-white);}

/* ---------- HERO ---------- */
.hsf-hero{
  padding:28px 0 36px;
  background:
    linear-gradient(180deg, var(--hsf-blue-pale) 0%, var(--hsf-cream) 100%);
  text-align:center;
}
.hsf-hero__kanban{
  margin:0 auto;
  max-width:600px;
  border-radius:var(--hsf-radius);
  overflow:hidden;
  box-shadow:var(--hsf-shadow);
}
.hsf-hero__period{
  margin:22px 0 18px;
  font-size:18px;
  font-weight:bold;
  color:var(--hsf-red-deep);
  letter-spacing:.04em;
}
.hsf-hero__period-label{
  display:inline-block;
  margin-right:10px;
  padding:2px 14px;
  border:1px solid var(--hsf-red-deep);
  border-radius:999px;
  font-size:13px;
  vertical-align:2px;
}

/* ---------- セクション共通 ---------- */
.hsf-sec{padding:52px 0;}
.hsf-sec--cream{background:var(--hsf-cream);}
.hsf-sec__head{text-align:center;margin-bottom:30px;}
.hsf-sec__en{
  display:block;
  font-size:13px;
  font-weight:bold;
  letter-spacing:.28em;
  color:var(--hsf-gold);
  margin-bottom:6px;
}
.hsf-sec__title{
  margin:0;
  font-size:26px;
  font-weight:bold;
  color:var(--hsf-red);
  letter-spacing:.06em;
  line-height:1.5;
}
.hsf-sec__note{
  margin:10px 0 0;
  font-size:14px;
  color:var(--hsf-ink-soft);
}

/* ---------- リード ---------- */
.hsf-sec--lead{padding:48px 0 44px;text-align:center;background:var(--hsf-white);}
.hsf-lead__hashi{
  margin:0 0 14px;
  font-size:22px;
  font-weight:bold;
  color:var(--hsf-red);
  letter-spacing:.08em;
}
.hsf-lead__copy{
  margin:0 0 26px;
  font-size:16px;
}
.hsf-lead__badge{
  display:inline-block;
  padding:14px 36px;
  border-radius:var(--hsf-radius);
  background:var(--hsf-blue-pale);
  border:2px solid var(--hsf-blue);
  font-size:16px;
}
.hsf-lead__badge b{
  display:block;
  font-size:24px;
  color:var(--hsf-red);
  letter-spacing:.06em;
}

/* ---------- 商品一覧（システム出力領域） ---------- */
/* 既知の画像センタリング不具合の修正パターン（june-bride / rose / himawari と同様） */
.hsf-fair .hsf-products__list .img-item{text-align:center;}
.hsf-fair .hsf-products__list .img-item img{
  width:240px;
  max-width:100%;
  height:auto;
  display:inline-block;
}
.btn-product-detail, .next-button, .sub-button, .btn-submit-add-to-cart {
    background-color: #fdf9ec;
}

/* ---------- ご利用ポイント ---------- */
.hsf-sec--point{background:var(--hsf-white);}
.hsf-points{
  display:flex;
  gap:20px;
  margin:0;
  padding:0;
  list-style:none;
}
.hsf-points__item{
  flex:1;
  padding:26px 20px 24px;
  border-radius:var(--hsf-radius);
  background:var(--hsf-cream);
  border:1px solid rgba(179,148,73,.35);
  text-align:center;
}
.hsf-points__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  margin-bottom:12px;
  border-radius:50%;
  background:var(--hsf-gold);
  color:var(--hsf-white);
  font-size:18px;
  font-weight:bold;
}
.hsf-points__title{
  margin:0 0 10px;
  font-size:17px;
  font-weight:bold;
  color:var(--hsf-red-deep);
  line-height:1.6;
}
.hsf-points__text{
  margin:0;
  font-size:14px;
  text-align:left;
  color:var(--hsf-ink);
}

/* ---------- クロージングCTA ---------- */
.hsf-sec--cta{
  background:
    linear-gradient(180deg, var(--hsf-cream) 0%, var(--hsf-blue-pale) 100%);
  text-align:center;
}
.hsf-cta__copy{
  margin:0 0 22px;
  font-size:22px;
  font-weight:bold;
  color:var(--hsf-red);
  letter-spacing:.06em;
}
.hsf-cta__note{
  margin:20px 0 0;
  font-size:13px;
  color:var(--hsf-ink-soft);
}

/* ---------- レスポンシブ ---------- */
@media (max-width: 767px){
  .hsf-pc{display:none;}
  .hsf-sp{display:inline;}
  .hsf-hero{padding:16px 0 30px;}
  .hsf-hero__period{font-size:16px;}
  .hsf-sec{padding:40px 0;}
  .hsf-sec__title{font-size:22px;}
  .hsf-lead__hashi{font-size:19px;}
  .hsf-lead__copy{font-size:15px;text-align:left;}
  .hsf-lead__badge{display:block;}
  .hsf-points{flex-direction:column;}
  .hsf-btn{min-width:0;width:100%;max-width:340px;font-size:16px;}
  .hsf-cta__copy{font-size:19px;}
}