@charset "UTF-8";
/* ============================================================
  Google広告LP 広島店（css/style.css の上に重ねる）
  デザイン出典: Figma「ADVANCE広島店_Google広告LP_スマホ版」広島店 LP / Mobile（2026-10 改訂）
  カラー:
    ink #222222 / サブ文字・枠 #3D4140
    ダークCTA #454F4A / 深緑CTA #30483F
    グレー帯 #F5F6F6 / カード #EFF1F0 / RESERVATION帯 #DBDBDB
  ============================================================ */

.adlp--hiroshima {
  --ink: #222222;
  --body: #222222;
  --sub: #3D4140;
  --gold: #3D4140;
  --brown: #3D4140;
  --dark: #454F4A;
  --deep: #30483F;
  --gray: #F5F6F6;
  --offwhite: #EFF1F0;
  --greige: #DBDBDB;
}

.adlp--hiroshima .sec-kicker { font-size: 11px; }
.adlp--hiroshima .sec-title { font-size: 24px; }
.adlp--hiroshima .sec-lead { font-size: 13px; font-weight: 600; }

.adlp--hiroshima .btn--line { border-color: var(--sub); color: var(--sub); }
.adlp--hiroshima .btn--deep {
  background: var(--deep);
  color: var(--white);
}
.adlp--hiroshima .btn--deep + .btn--linechat { margin-top: 10px; }

/* 「A ｜ B」形式のバッジ行 */
.adlp .hr-badges {
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: var(--sub);
  margin: 15px 0 0;
}
.adlp .hr-badges span + span::before {
  content: "\FF5C";
  margin: 0 1.1em;
  font-weight: 400;
}

/* --- BRIDAL FAIR（ファーストビュー） --- */
.adlp .hr-fv { background: var(--gray); padding: 34px 24px; }
.adlp .hr-fv__kicker {
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  margin: 0 0 13px;
}
.adlp .hr-fv__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
}
.adlp .hr-fv__title span {
  display: block;
  font-size: 16px;
  font-weight: 500;
}
.adlp .hr-fv__img { margin: 15px 11px 0; }
.adlp .hr-fv__lead {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin: 13px 0 0;
}
.adlp .hr-fv__perk-title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
  color: var(--sub);
  margin: 24px 0 12px;
}
.adlp .hr-fv__perk-title span { font-weight: 600; margin-left: .6em; }

.adlp .hr-perk {
  display: flex;
  align-items: baseline;
  background: var(--white);
  padding: 21px 15px;
  margin: 0 0 10px;
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  color: var(--sub);
}
.adlp .hr-perk--short { padding-top: 14px; padding-bottom: 14px; }
.adlp .hr-perk dt { flex: 0 0 auto; margin-right: 1em; }
.adlp .hr-perk dd { flex: 1; min-width: 0; margin: 0; }
.adlp .hr-perk__item { font-size: clamp(14px, 4.1vw, 16px); }
.adlp .hr-perk strong {
  font-size: clamp(16px, 5.1vw, 20px);
  font-weight: 700;
  margin-left: .5em;
  white-space: nowrap;
}
/* 婚約指輪の行は品名が長いので強調を控えめに（Figma: 品名15px / 割引16px） */
.adlp .hr-perk--long { padding-left: 12px; }
.adlp .hr-perk--long dt { margin-right: .8em; }
.adlp .hr-perk--long .hr-perk__item { font-size: clamp(12.5px, 3.55vw, 14.5px); }
.adlp .hr-perk--long strong { font-size: clamp(14px, 3.9vw, 16px); margin-left: .3em; }
.adlp .hr-perk small {
  display: inline-block;
  font-size: 11px;
  margin-left: 1.4em;
}
/* 375px 未満では注記が収まらないので、次の行に右寄せで置く */
@media only screen and (max-width: 374px) {
  .adlp .hr-perk small { display: block; text-align: right; line-height: 1.4; }
}
.adlp .hr-fv .btn { margin-top: 23px; }

/* --- POPULAR DESIGN --- */
.adlp--hiroshima .lp-rings { padding: 46px 4px 32px; }
.adlp--hiroshima .lp-rings__grid { gap: 21px 7px; margin-top: 30px; }
.adlp--hiroshima .ring-card__name,
.adlp--hiroshima .ring-card__mat,
.adlp--hiroshima .ring-card__price { color: #000; font-weight: 600; }
.adlp--hiroshima .ring-card__mat { font-weight: 400; }

/* --- HIROSHIMA STORE（店舗紹介） --- */
.adlp .hr-intro { background: var(--gray); padding: 46px 24px; }
.adlp .hr-intro .sec-title { margin-bottom: 26px; }
/* 写真はセクション余白(24px)より外へ出し、フレーム端から約14px まで広げる */
.adlp .hr-intro__img1 { margin: 0 -10px; }
.adlp .hr-intro__txt {
  /* 最長行「広島PARCOから〜デザインから、」が 360px 幅でも1行に収まるよう縮める */
  font-size: clamp(11.5px, 3.33vw, 13px);
  font-weight: 600;
  line-height: 1.46;
  margin: 24px 0 25px;
}
/* 2枚目は右寄せ（左に約74px 空ける） */
.adlp .hr-intro__img2 { margin: 0 0 0 74px; }
.adlp .hr-intro__note {
  font-size: clamp(11px, 3.2vw, 13px);
  font-weight: 600;
  white-space: nowrap;
  margin: 24px 0 0;
}
.adlp .hr-intro .btn { margin-top: 13px; }
.adlp .hr-intro .hr-badges { margin-top: 22px; }

/* --- PEACE OF MIND --- */
.adlp .hr-peace { background: var(--white); padding: 46px 15px 33px; }
.adlp .hr-peace > .sec-kicker,
.adlp .hr-peace > .sec-title,
.adlp .hr-peace > .sec-lead { padding: 0 9px; }
.adlp .hr-peace__main { margin: 24px 0 0; }
.adlp .hr-peace__box {
  background: var(--gray);
  margin-top: 17px;
  padding: 18px 15px 37px;
}
.adlp .hr-reason + .hr-reason {
  border-top: 1px solid var(--sub);
  margin-top: 37px;
  padding-top: 28px;
}
.adlp .hr-reason__no {
  font-size: 13px;
  font-weight: 700;
  color: var(--sub);
  margin: 0 0 24px;
}
.adlp .hr-reason__title {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 22px;
}
.adlp .hr-reason__txt {
  text-align: center;
  /* 最長行「職人の目で確認し、〜仕上げています。」が 360px 幅でも1行に収まるよう縮める */
  font-size: clamp(11.5px, 3.33vw, 13px);
  font-weight: 700;
  line-height: 19px;
  margin: 0;
}
.adlp .hr-care {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 150px));
  justify-content: center;
  gap: 8px 14px;
  margin: 20px 0 0;
  padding: 0;
}
.adlp .hr-care li {
  background: var(--white);
  text-align: center;
  padding: 14px 4px;
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  color: var(--sub);
}
.adlp .hr-care b {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 4px;
}
.adlp .hr-reason__link {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: var(--ink);
  width: fit-content;
  margin: 32px auto 0;
  text-decoration: underline;
}
/* 写真は横長にトリミング（Figma: 278×155、上寄せ） */
.adlp .hr-reason__img { margin: 28px 26px 31px; }
.adlp .hr-reason__img img {
  aspect-ratio: 278 / 155;
  object-fit: cover;
  object-position: center top;
}
.adlp .hr-check {
  list-style: none;
  max-width: 271px;
  margin: 22px auto 0;
  padding: 13px 0 14px 52px;
  background: var(--white);
  font-size: 13px;
  font-weight: 700;
  line-height: 27px;
  color: var(--sub);
}
.adlp .hr-check li::before { content: "\2610"; margin-right: 1em; }
.adlp .hr-peace__line {
  display: block;
  width: 208px;
  margin: 25px auto 0;
  padding: 12px;
  background: var(--white);
  border: 1px solid var(--dark);
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  color: var(--sub);
}
.adlp .hr-peace__line:active { opacity: .8; }

/* --- MATERIAL & COLOR --- */
.adlp--hiroshima .mat-card__txt { font-weight: 600; }
.adlp--hiroshima .mat-card__name,
.adlp--hiroshima .mat-card__more { font-weight: 600; }
.adlp--hiroshima .lp-material__closing {
  background: var(--white);
  border: 2px solid var(--gray);
}
.adlp--hiroshima .lp-material__closing h3 { font-weight: 600; }
.adlp--hiroshima .lp-material__closing p { font-weight: 600; }

/* --- ARRANGE --- */
.adlp--hiroshima .lp-arrange__close { margin-top: 30px; }
.adlp--hiroshima .lp-arrange .btn { margin-top: 30px; }

/* --- CUSTOMER VOICE --- */
.adlp--hiroshima .lp-voice .sec-lead { line-height: 21px; }

/* --- HIROSHIMA STORE（店舗情報） --- */
.adlp .hr-store { background: var(--white); padding: 34px 24px 44px; }
.adlp .hr-store__outer { margin: 25px 25px 0; }
.adlp .hr-store__name {
  font-size: 14px;
  font-weight: 700;
  color: var(--sub);
  margin: 44px 0 14px;
  padding-left: 3px;
}
.adlp .hr-store__info {
  font-size: 11px;
  line-height: 15px;
  margin: 0;
  padding-left: 3px;
}
.adlp .hr-store__indent { display: inline-block; padding-left: 6em; }
.adlp .hr-store .btn--line { margin-top: 34px; }
.adlp .hr-store .btn--deep { margin-top: 27px; }

/* --- FAQ --- */
.adlp--hiroshima .lp-faq { background: var(--gray); }
.adlp--hiroshima .faq-item label { font-size: 11px; }

/* --- RESERVATION --- */
.adlp--hiroshima .lp-reserve__txt { color: var(--ink); font-weight: 600; }
.adlp--hiroshima .lp-reserve .btn { margin-top: 14px; }
.adlp--hiroshima .lp-reserve .lp-badges { margin-top: 14px; color: var(--sub); }