/* MUQBEL sp.css — SP用（768px以下） */
@media (max-width:768px){
  :root{--sp-section:3.6em}

  /* リングから探す：婚約・結婚を2列、最後のセットリングは1列ぶち抜き */
  .home-rings__list{grid-template-columns:1fr 1fr;gap:1.2em .9em}
  /* セットリングを先頭に。1列ぶち抜きのまま上へ出す
     （HTMLの並びは 婚約→結婚→セット のまま。PCの並びは変えない） */
  .home-rings__item:last-child:nth-child(odd){grid-column:1 / -1;order:-1}
  .home-rings__item a{padding:1.8em 1.1em 1.6em}
  .home-rings__en{font-size:.92rem}
  .home-rings__ja{font-size:.7rem;letter-spacing:.16em}
  .home-rings__lead{font-size:.7rem;line-height:1.95;margin-top:.9em;letter-spacing:0}
  /* 2列側は幅が狭く、PC向けの改行位置のままだと「だか/ら…」のような切れ方になる。
     改行を外して自然に流す。1列ぶち抜きのほうは元の改行を活かす */
  .home-rings__lead br{display:none}
  .home-rings__item:last-child:nth-child(odd) .home-rings__lead br{display:inline}
  .home-rings__more{font-size:.72rem;margin-top:1.1em}
  /* 1列ぶち抜きのほうは写真が間延びしないよう幅を抑える */
  .home-rings__item:last-child:nth-child(odd) .home-rings__img{max-width:62%;margin-left:auto;margin-right:auto}

  .site-header__inner{gap:.6em;padding:.9em 1.1em}
  .site-nav{display:none}
  .site-header__actions{margin-left:auto;gap:.7em}
  .site-header__tel{display:none}
  .site-header__reserve{font-size:.72rem;padding:.7em 1em;letter-spacing:.12em}
  .site-header__toggle{display:block}
  .site-header__logo img{width:124px;height:auto}

  /* ドロワー */
  .drawer{display:none;position:fixed;inset:0;top:0;overflow-y:auto;padding:5.4em 1.6em 3.4em;z-index:60}
  .drawer.is-open{display:block}
  body.nav-open{overflow:hidden}
  .drawer__list li{border-bottom:1px solid var(--c-border)}
  .drawer__list a{display:block;padding:1.25em .2em;letter-spacing:.14em;font-size:.86rem}
  .drawer__brand-list{display:grid;grid-template-columns:1fr 1fr;gap:.2em 1em}
  .drawer__brand-list a{display:block;padding:.65em 0;font-size:.78rem;font-family:var(--font-en);font-style:italic;letter-spacing:.04em;color:var(--c-secondary)}
  .drawer__cta{display:flex;gap:.8em;margin-top:2.4em}
  .drawer__cta a{flex:1;text-align:center;border:1px solid var(--c-accent);padding:1.1em 0;font-size:.76rem;letter-spacing:.14em}
  .site-header__toggle.is-open .site-header__toggle-bar{background:transparent}
  .site-header__toggle.is-open .site-header__toggle-bar::before{top:0;transform:rotate(45deg)}
  .site-header__toggle.is-open .site-header__toggle-bar::after{top:0;transform:rotate(-45deg)}

  /* 見出し・ヒーロー */
  .section-title__en{font-size:1.75rem}
  .section-title__ja{font-size:.74rem;letter-spacing:.2em}
  /* ヒーロー：動画を上に、文字とボタンは動画の下に置く（重ねない） */
  .hero--video{display:block;padding:0;min-height:0;color:inherit}
  .hero__video{position:static;height:auto;aspect-ratio:16/9;object-fit:cover}
  .hero__overlay{display:none}
  .hero__inner{padding:2.8em 1.4em 3.2em;background:var(--c-bg-light);max-width:none}
  .hero--video .hero__title{font-size:1.06rem;line-height:2.1;letter-spacing:.12em;color:var(--c-primary);text-shadow:none}
  .hero--video .hero__lead{font-size:.78rem;line-height:2.15;color:var(--c-secondary);margin-top:1.6em;text-shadow:none}
  .hero--video .cta-buttons{margin-top:2.4em}
  .hero--video .cta-buttons a{color:var(--c-primary);border-color:var(--c-hairline)}
  .cat-hero{height:40vh;min-height:260px}
  .cat-hero__en{font-size:1.7rem}
  .cat-hero__title{font-size:1.24rem;letter-spacing:.22em}
  .page-hero{padding:3.6em 1.2em 3em}
  .page-hero__en{font-size:1.6rem}
  .page-hero__title{font-size:1.24rem}

  /* グリッド */
  .brand-grid{grid-template-columns:repeat(2,1fr);gap:2em 1em}
  .collection-grid{grid-template-columns:repeat(2,1fr);gap:1.6em 1em}
  .cta-buttons a{padding:1em 2em;font-size:.72rem;letter-spacing:.16em}
  .cta-buttons--3{flex-direction:column;align-items:stretch;gap:.9em}
  .cta-buttons--3 a{display:block;text-align:center}

  /* 指輪詳細：メイン画像が大きくなりすぎないように */
  .ring-detail{padding:1.6em 1.2em;gap:2em}
  .ring-gallery__main img,.ring-detail__img{max-height:66vh}
  .ring-detail__en{font-size:1.8rem}
  .ring-detail__actions{justify-content:center}

  /* 文字組み */
  .brand-detail__catch,.ring-detail__concept-text,.propose__intro{line-height:2.2;font-size:.9rem}
  .point-card,.service__item,.propose__plan{padding:1.8em 1.4em}
  .point-card{--pc-pad-y:1.8em;--pc-pad-x:1.4em}
  .service__item--figure{padding:0}
  .service__item-en{font-size:1.3rem}
  .service__item--figure .service__item-title{font-size:1rem}
  .motif-card__body{padding:2em 1.5em}
  .motif-card__img{aspect-ratio:3/2}
  .voice-list__item{padding:2em 1.5em}
  /* 沖縄限定ブランド：写真を左右の余白ごと全幅に抜いて主役にする。文はその下に積む */
  .ryukyu-obi{height:15px}
  .okinawa-block{display:flex;flex-direction:column;max-width:none;margin:0;
    padding:0 1.5em var(--sp-section);gap:0}
  .okinawa-block+.okinawa-block{border-top:1px solid rgba(255,255,255,.14);padding-top:var(--sp-section)}
  /* 横幅のある端末（〜768px）では写真を少し高く、文章は1行が長くなりすぎないよう中央に寄せる */
  .okinawa-block__photo{order:-1;height:clamp(13.5em,38vw,20em);margin:0 -1.5em 1.9em}
  .okinawa-block__text{width:100%;max-width:30em;margin:0 auto}
  .okinawa-block__meta{gap:.85em;flex-wrap:wrap}
  .okinawa-block__num{font-size:.95rem}
  .okinawa-block__num::after{width:1.9em;margin-left:.65em}
  .okinawa-block__badge{font-size:.69rem;letter-spacing:.14em;padding:.45em 1em}
  .okinawa-block__mark{margin:1.5em 0 0}
  .okinawa-block__mark img{width:74px}
  .okinawa-block__title{margin:1em 0 0}
  .okinawa-block__en{font-size:1.62rem}
  .okinawa-block__ja{font-size:.96rem;letter-spacing:.2em;margin-top:.6em}
  .okinawa-block__reading{font-size:.69rem;margin-left:.7em}
  .okinawa-block__lead{font-size:1rem;line-height:2;margin-top:1.3em}
  .okinawa-block__body{font-size:.79rem;line-height:2.1;margin-top:1em}
  .okinawa-block__quote{font-size:.81rem;line-height:2;margin-top:1.6em;padding-left:1em}
  .okinawa-block__more{margin-top:2em}
  .okinawa-block__more a{display:block;text-align:center;padding:1.15em 1em;font-size:.72rem}
  .brand-gallery{grid-template-columns:1fr 1fr;gap:.7em}
  .brand-detail__gallery{padding-left:1.2em;padding-right:1.2em}
  /* フッターのリンクは行の高さぶん（14〜16px）しかなく指で押しにくかった。
     上下に余白を足してタップ領域を24px以上にする。行間は gap で詰め直す */
  .site-footer__nav,.site-footer__sub,.site-footer__services,.site-footer__sns{gap:.2em 1.4em}
  .site-footer__nav a,.site-footer__sub a,.site-footer__services a,.site-footer__sns a{
    display:inline-block;padding:.5em .15em;min-height:24px;box-sizing:border-box}
  /* 下線の位置を保ったまま高さだけ確保する */
  .site-footer__store-head a{display:inline-block;padding-top:.45em;min-height:24px;box-sizing:content-box}

  /* 単独で置かれているリンクは指で押せる高さ（24px以上）にする。
     文章の中に埋まっているリンクは行間が崩れるので対象にしない */
  .collection-brand__more a,.taste-filter__pages a,.breadcrumb__item a,
  .point-card__link a,.access-card__body a,.ring-cat__faq-more a,.propose__feature-link a{
    display:inline-block;padding:.42em .1em;min-height:24px;box-sizing:border-box}
  .taste-filter__pages{line-height:1.6}
  .breadcrumb{padding-top:1em;padding-bottom:0}

  /* 読みもの（コラム） */
  .column-cards{grid-template-columns:1fr;gap:2.4em}
  .column{padding-left:1.3em;padding-right:1.3em}
  .column__h1{font-size:1.18rem;line-height:1.8}
  .column__h2{font-size:1rem}
  .column__toc{padding:1.5em 1.3em 1.3em}
  .column__shop{padding:2em 1.3em}

  /* リングレンタル申込 */
  .rental-head{font-size:20px}
  .rental-head span{font-size:13px}
  .rental-flow{grid-template-columns:1fr}
  .rental-flow__item{display:grid;grid-template-columns:72px 1fr;gap:0 1em;text-align:left;align-items:start}
  .rental-flow__icon{grid-row:span 2}
  .rental-flow__step{align-self:center}
  .rental-flow__step span{display:inline;margin-right:.4em}
  .rental-flow__desc{font-size:13px}
  .rental-delivery__links a{min-width:0;flex:1}
  .ring-pick__list{grid-template-columns:repeat(2,1fr);gap:1em}
  .ring-pick__name{font-size:14px}
  .rental-terms__spec>div{display:block}
  .rental-terms__spec dt{margin-bottom:.3em}
  /* 帯は2段にして、ボタンを押しやすく */
  .ring-counter{gap:.7em;padding:.7em 16px}
  .ring-counter__list{gap:1.2em;font-size:14px}
  .ring-counter__cta{width:100%}
  .ring-counter__cta a{display:block;text-align:center}

  .brand-grid__logo img{max-height:28px;max-width:84%}

  /* ---- 押しやすさ（WCAG 2.5.8：24px以上） ---- */
  /* ヘッダーのロゴは高さ21pxしかなかった */
  .site-header__logo a{display:inline-flex;align-items:center;min-height:32px}
  /* トップのSNS欄はフッターと別の部品で、24px化のルールが掛かっていなかった */
  .home-instagram__sns{gap:.2em 1.2em}
  .home-instagram__sns a{display:inline-flex;align-items:center;justify-content:center;
    min-height:32px;min-width:32px;padding:0 .3em;box-sizing:border-box}
  /* 「X」は1文字なので幅が13pxしかない。幅も24px以上にする */
  .site-footer__sns a{min-width:24px;text-align:center}

  /* ---- 文字の大きさ ----
     SPで10px前後まで落ちていたものを引き上げる。
     値段・注記など読ませる文は12px以上、ラベル類は11.5px以上 */
  /* 読ませる文 */
  .home-rings__lead{font-size:12px;line-height:1.95}
  .ring-detail__note,.ring-detail__note strong{font-size:12.5px;line-height:1.9}
  .price-breakdown__cap,.price-breakdown__m{font-size:12px}
  /* ラベル・小見出し */
  .notice-bar__label,.brand-facts__k,.ring-gallery__thumbs li>span,
  .ring-detail__code-label,.ring-detail__cat,
  .column__meta time,.column__cat,.articles__meta time,.articles__cat,
  .campaign-detail__kicker,.campaign-detail__target span,.campaign-card__period,
  .okinawa-block__badge,.okinawa-block__reading,
  .collection-card__variant,.brand-rental__label,
  .home-rings__ja,.taste-filter__label,.brand-detail__reading,.cat-hero__reading,
  .site-footer__copy,.req,.collection-card__brand,.taste-links__n{font-size:11.5px}
  .okinawa-block__badge{letter-spacing:.1em}
}