/* MUQBEL pc.css — PC用（769px以上）：余白を広く、表示タイポを大きく */
@media (min-width:769px){
  :root{--sp-section:7em}
  body{font-size:16px}

  /* キャンペーン窓口：3本を横に並べる */
  .campaign-cards{grid-template-columns:repeat(3,1fr);gap:2.2em}
  /* トップは横並びで「同時開催中」の数と期限を1行に */
  .home-campaign__meta{flex-direction:row;justify-content:center;gap:1.6em}

  /* 横長BOX：写真を左、文字を右に */
  .cp-slide__link{flex-direction:row;align-items:stretch}
  .cp-slide__img{flex:0 0 52%}
  .cp-slide__img img{height:100%;aspect-ratio:auto;min-height:300px}
  .cp-slide__body{flex:1 1 auto;justify-content:center;padding:2.8em 2.6em;text-align:left}
  .cp-slide__highlights{justify-content:flex-start}
  .cp-slide__more{align-self:flex-start;margin-top:1.8em;padding-top:0}
  /* 前後ボタンはPCだけ。BOXの外に置く */
  .cp-slider__nav{display:block;position:absolute;top:50%;transform:translateY(-50%);z-index:2;
    width:44px;height:44px;border:1px solid var(--c-hairline);border-radius:50%;background:var(--c-bg);
    cursor:pointer;transition:background .3s var(--ease),border-color .3s var(--ease)}
  .cp-slider__nav:hover{background:var(--c-accent);border-color:var(--c-accent)}
  .cp-slider__nav::before{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;
    border-top:1px solid var(--c-accent-deep);border-right:1px solid var(--c-accent-deep)}
  .cp-slider__nav:hover::before{border-color:var(--c-white)}
  .cp-slider__nav--prev{left:-22px}
  .cp-slider__nav--prev::before{transform:translate(-30%,-50%) rotate(-135deg)}
  .cp-slider__nav--next{right:-22px}
  .cp-slider__nav--next::before{transform:translate(-70%,-50%) rotate(45deg)}
  .cp-slider__nav[hidden]{display:none}
  .campaign-card__body{padding:2.2em 1.6em 2.4em}
  .campaign-list--others .campaign-cards{max-width:760px;grid-template-columns:repeat(2,1fr)}
  .campaign-shops__list{gap:1.4em}
  .campaign-shops__item{padding:2em 2.2em}
  /* 特典の写真は右に、本文は左に */
  .campaign__benefit--photo{grid-template-columns:1fr 240px;align-items:center;gap:2em}
  .campaign-gallery__list{grid-template-columns:1fr 1fr;gap:1.6em}
  /* ブーケ作例のように点数が多いものは3列 */
  .campaign-gallery--3 .campaign-gallery__list{grid-template-columns:repeat(3,1fr);gap:1.4em}
  /* 5EX の資料2枚は横に並べる */
  .campaign-extra__figs{grid-template-columns:1fr 1fr;gap:1.6em}
  /* ご利用の流れ：アイコン3つの真下に文字を並べる */
  .campaign-flow__steps{grid-template-columns:repeat(3,1fr);gap:0;margin-top:.4em}

  /* お貸出し：写真を右、文字を左に */
  .brand-rental__inner{flex-direction:row;align-items:stretch}
  .brand-rental__body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:3.2em 3em;text-align:left}
  .brand-rental__img{flex:0 0 46%}
  .brand-rental__img img{height:100%;aspect-ratio:auto;min-height:300px}
  /* flex の子は既定で伸びるので、ラベルとボタンは中身の幅に収める */
  .brand-rental__label{align-self:flex-start}
  .brand-rental__more{align-self:flex-start}
  .campaign-flow__steps li{text-align:center;font-size:.86rem}
  .campaign-shops__photos--one{max-width:520px;margin-left:auto;margin-right:auto}

  .site-header__toggle{display:none}
  .drawer{display:none!important}

  /* 見出し */
  .section-title{margin-bottom:3.4em}
  .section-title__en{font-size:2.9rem}
  .section-title__ja{font-size:.86rem;letter-spacing:.3em}

  /* 下層ヒーロー */
  .page-hero{padding:7em 1.4em 6em}
  .page-hero__en{font-size:2.6rem}
  .page-hero__title{font-size:2rem;letter-spacing:.24em}
  .page-hero__lead{font-size:.9rem;margin-top:2.6em}

  /* トップ */
  /* ヒーロー：動画を背景に、文字を中央に重ねる */
  .hero--video{min-height:90vh;display:flex;align-items:center;justify-content:center;color:var(--c-white);padding:5em 2em}
  .hero__video{position:absolute;inset:0;height:100%;object-fit:cover;z-index:0}
  .hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(24,20,17,.2) 0%,rgba(24,20,17,.34) 55%,rgba(24,20,17,.46) 100%)}
  .hero--video .hero__title{font-size:2.5rem;line-height:2.1;letter-spacing:.26em;color:var(--c-white);text-shadow:0 2px 24px rgba(0,0,0,.4)}
  .hero--video .hero__lead{font-size:.88rem;color:rgba(255,255,255,.9);margin-top:2.2em;text-shadow:0 1px 14px rgba(0,0,0,.35)}
  .hero--video .cta-buttons a{color:var(--c-white);border-color:rgba(255,255,255,.55);background-image:linear-gradient(#fff,#fff)}
  .hero--video .cta-buttons a:hover{color:var(--c-primary);border-color:var(--c-white)}
  .home-rings__list{grid-template-columns:repeat(3,1fr);gap:3em 2.4em}
  .scene-band{grid-template-columns:repeat(3,1fr)}
  .scene-band__item{aspect-ratio:4/3}
  .scene-band__item:first-child{grid-column:auto;aspect-ratio:4/3}
  .scene-band__text{padding-top:3.6em}
  .scene-band__en{font-size:1.9rem}
  /* 沖縄限定ブランド：写真を画面端まで抜いて左右交互に。文中央寄りの版面で雑誌風に見せる */
  .ryukyu-obi{height:22px}
  .okinawa-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;gap:0;max-width:none;margin:0;padding:0 0 var(--sp-section)}
  .okinawa-block+.okinawa-block{border-top:1px solid rgba(255,255,255,.14);padding-top:var(--sp-section)}
  .okinawa-block__photo{height:clamp(21em,29vw,32em)}
  /* 奇数ブロックは写真を右、偶数（--alt）は左。文はどちらも画面中央側に寄せる */
  .okinawa-block__photo{order:2}
  .okinawa-block--alt .okinawa-block__photo{order:-1}
  .okinawa-block__text{max-width:32em;padding:0 clamp(1.8em,3.4vw,4.2em);margin-left:auto}
  .okinawa-block--alt .okinawa-block__text{margin-left:0;margin-right:auto}
  .okinawa-block__meta{gap:1em}
  .okinawa-block__num{font-size:1.1rem}
  .okinawa-block__mark{margin:2em 0 0}
  .okinawa-block__mark img{width:100px}
  .okinawa-block__title{margin:1.1em 0 0}
  .okinawa-block__en{font-size:2.5rem}
  .okinawa-block__ja{font-size:1.02rem;margin-top:.8em}
  .okinawa-block__lead{font-size:1.15rem;line-height:2.1;margin-top:1.5em}
  .okinawa-block__body{font-size:.82rem;line-height:2.2;margin-top:1.1em}
  .okinawa-block__quote{font-size:.86rem;line-height:2.1;margin-top:1.8em;padding-left:1.1em}
  .okinawa-block__more{margin-top:2.4em}
  .okinawa-block__more a{padding:1.05em 2.6em}
  .svc-cards{grid-template-columns:repeat(3,1fr);gap:2em 1.8em}
  .voice-cards{grid-template-columns:repeat(3,1fr);gap:2em}
  .home-voice{padding-left:2em;padding-right:2em}
  .svc-card__en{font-size:1.2rem}
  .articles--list .articles__title{flex:1 1 auto}
  .articles--cards .articles__list{grid-template-columns:repeat(3,1fr);gap:3em 2.2em}
  .home-campaign__link{flex-direction:row;align-items:stretch}
  .home-gift__link{flex-direction:row;align-items:stretch}
  .home-gift__img{flex:0 0 42%}
  .home-gift__img img{height:100%;aspect-ratio:auto;min-height:200px}
  .home-gift__body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:2.4em 2.6em;text-align:left}
  .home-campaign__img{flex:0 0 52%}
  .home-campaign__img img{height:100%;aspect-ratio:auto;min-height:280px}
  .home-campaign__body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:3em 2.8em;text-align:left}

  /* カテゴリ */
  .cat-hero{height:62vh;max-height:660px}
  .cat-hero__en{font-size:3.2rem}
  .cat-hero__title{font-size:2rem;letter-spacing:.3em}
  .collection-grid,.collection-grid--4{grid-template-columns:repeat(4,1fr);gap:3em 2em}
  .flow-steps{grid-template-columns:repeat(5,1fr);gap:1.2em}
  .flow-steps__item{flex-direction:column;text-align:center;gap:1.2em;padding:2.2em 1em}
  .point-cards{grid-template-columns:repeat(3,1fr);gap:2em}
  .point-card__body{text-align:center}
  .guide-links{grid-template-columns:repeat(3,1fr);max-width:none;gap:1.2em}
  .cta-buttons--3{gap:1.2em}

  /* ブランド */
  .brand-grid{grid-template-columns:repeat(4,1fr);gap:3.2em 2.2em;max-width:1160px;margin:0 auto;padding:2em 2em 4em}
  .shop__features .point-cards{max-width:1080px;margin:0 auto}
  .brand-cards{grid-template-columns:repeat(3,1fr);gap:3.4em 2.4em;padding:2em 2em 0}
  .brand-card a{grid-template-columns:1fr;gap:1.4em}
  .brand-card__thumb{aspect-ratio:4/3}
  /* ロゴ入りバナーは元の比率のまま（cover で左のロゴが切れるのを防ぐ） */
  .brand-card__thumb--banner{aspect-ratio:1000/513}
  .brand-detail__hero{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:100%;
    align-items:stretch;height:clamp(420px,38vw,560px);overflow:hidden}
  .brand-detail__hero>*{min-height:0;min-width:0}
  .brand-detail__hero img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;object-position:center 42%}
  .brand-detail__hero-text{text-align:left;padding:0 4em;display:flex;flex-direction:column;justify-content:center}
  .story-block{grid-template-columns:48% 1fr;align-items:center;gap:3.4em}
  .story-block:nth-child(even) .story-block__img{order:2}
  .stone-list{grid-template-columns:repeat(4,1fr);gap:1.8em 1.2em}
  .brand-detail__poem{font-size:1.12rem;line-height:2.8}
  .design-card{grid-template-columns:40% 1fr;align-items:center;gap:3.4em}
  .design-card:nth-child(even) .design-card__img{order:2}
  .silver-list{grid-template-columns:repeat(3,1fr);gap:2em}
  .brand-detail__en{font-size:2.1rem}
  .brand-detail__title{font-size:1.6rem}

  /* 指輪詳細 */
  .ring-detail{grid-template-columns:1fr 1fr;align-items:start;gap:4.5em;max-width:1140px;padding:3.4em 2em}
  .ring-detail__en{font-size:2.9rem}
  .ring-detail__info{padding-top:1em}

  /* その他 */
  .voice-list{grid-template-columns:repeat(2,1fr);gap:2em}
  .propose__feature-list{grid-template-columns:repeat(2,1fr);gap:3.4em 3em}
  .propose__plan-list{grid-template-columns:repeat(3,1fr);gap:2.2em}
  .propose__plans,.propose__features{max-width:1120px}
  .service__sections{gap:2em}
  .service__item--figure{grid-template-columns:1fr 1fr;align-items:center;gap:4em}
  .service__item--figure:nth-child(even) .service__item-img{order:2}
  .service__sections--rich{padding-left:2em;padding-right:2em}
  .motif-list{grid-template-columns:repeat(2,1fr);gap:3em 2.4em}
  .motif-card__img{aspect-ratio:1/.82}
  .shop__dl{grid-template-columns:8em 1fr;column-gap:2em}
  .shop__dl dt{padding:1.6em 0;border-bottom:1px solid var(--c-border)}
  .shop__dl dd{padding:1.6em 0}
  .shop-concept__inner{grid-template-columns:1fr 1fr;gap:4em;align-items:center}
  .access-grid{grid-template-columns:1fr 1fr;gap:2em}
  .location-list{grid-template-columns:repeat(3,1fr);gap:2.4em}
  .site-footer__store{padding:5em 2em}
  /* ブランドのイメージ写真ギャラリー：PCは4列 */
  .brand-gallery{grid-template-columns:repeat(4,1fr);gap:1.1em}
  .brand-detail__gallery{padding-left:2em;padding-right:2em}
  /* 読みもの（コラム） */
  .column-cards{grid-template-columns:repeat(3,1fr);gap:2.6em 2em}
  .column-cards--small{grid-template-columns:repeat(3,1fr)}
  .column-index{padding-left:2em;padding-right:2em}
  .column__h1{font-size:1.75rem}
  .column__p,.column__list li{font-size:.88rem}

  /* リングレンタル申込 */
  .rental-head{font-size:26px}
  .rental-head span{font-size:15px}
  .rental-flow{grid-template-columns:repeat(5,1fr)}
  .rental-flow__desc{font-size:13px}
  .ring-pick__list{grid-template-columns:repeat(4,1fr)}
  .ring-counter{gap:2.4em}

  .brand-grid__logo img{max-height:38px}
}

/* 中間幅：電話番号を隠してナビの間隔を詰める（この幅では全部は収まらない） */
@media (min-width:769px) and (max-width:1240px){
  .site-nav__list{gap:1.2em}
  .site-header__tel{display:none}
  .site-header__inner{padding:1em 1.4em}
}

/* タブレット〜小型ノート（769〜1000px）：ヘッダーが収まらないので英字ラベルを省き、さらに詰める */
@media (min-width:769px) and (max-width:1000px){
  .site-header__inner{gap:.8em;padding:.9em 1em}
  .site-header__logo img{width:126px;height:auto}
  .site-nav__list{gap:.62em}
  .site-nav__en{display:none}
  /* 英字を隠したぶん、日本語は読める大きさを確保する */
  .site-nav__ja{font-size:.68rem;letter-spacing:.04em}
  .site-nav__item a{gap:0}
  .site-header__reserve{padding:.7em 1.1em;font-size:.62rem;letter-spacing:.12em}
}