html,body{overflow-x:hidden}
html{-webkit-text-size-adjust:100%}
img{max-width:100%}
/* ---- タブレット ---- */
@media(max-width:980px){
  [data-r="c4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-r="hero2"]{grid-template-columns:minmax(0,1fr)!important;gap:clamp(24px,4vw,36px)!important}
  [data-r="spec"]{grid-template-columns:minmax(0,1fr)!important;gap:clamp(18px,3vw,26px)!important}
  [data-r="fgrid"]{grid-template-columns:minmax(0,1fr)!important;gap:clamp(32px,5vw,44px)!important}
}
/* ---- スマートフォン ---- */
@media(max-width:760px){
  /* ---- トップ ヒーロー：縦長写真＋文字は写真の下 ---- */
  [data-r="hero"]{min-height:0!important;display:block!important;padding:0!important}
  [data-r="hero"] [data-herobg]{position:relative!important;inset:auto!important;width:100%;aspect-ratio:3/4;
    background-image:url('img/hero-sp.jpg')!important;background-position:center!important;background-size:cover!important;
    transform:none!important;animation:none!important}
  [data-r="herograd"],[data-r="heroframe"],[data-r="heroscroll"]{display:none!important}
  [data-r="herowrap"]{position:static!important;max-width:none!important;padding:clamp(30px,7vw,44px) clamp(20px,5vw,30px) clamp(40px,9vw,56px)}
  [data-r="herotext"]{max-width:none!important;text-align:center}
  [data-r="herotext"] p,[data-r="herotext"] h1{text-shadow:none!important}
  [data-r="herotext"] > p:first-child{font-size:.94rem!important;margin-bottom:1.1em!important}
  [data-r="herotext"] h1{font-size:clamp(1.85rem,8.4vw,2.5rem)!important;line-height:1.62!important;margin-bottom:.95em!important}
  [data-r="herotext"] > p:last-child{max-width:none!important;font-size:.9rem!important;line-height:2.3!important}
  [data-r="mnav"]{display:block!important}
  [data-r="mnav"] summary::-webkit-details-marker{display:none}
  [data-r="hnav"]{gap:12px!important}
  [data-r="hnav"] a:not(:last-child){display:none!important}
  [data-r="hnav"] a:last-child{font-size:.72rem!important;padding:.66em 1.1em!important}
  [data-r="c3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(18px,3.4vw,26px) clamp(12px,3vw,18px)!important}
  [data-r="c3"] > a:nth-child(1){grid-column:1/-1}
  [data-r="en"]{font-size:.72rem!important;letter-spacing:.1em!important;overflow-wrap:anywhere;line-height:1.5}
  [data-r="fnav"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 18px!important}
  [data-r="shoprow"]{grid-template-columns:1.9rem minmax(0,1fr)!important;gap:10px 12px!important}
  [data-r="shoprow"] > div:last-child{grid-column:2/-1;flex-direction:row!important;flex-wrap:wrap;margin-top:4px}
  [data-r="shoprow"] > div:last-child a{flex:1 1 auto;min-width:9.5em}
  [data-r="reason"]{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
  [data-r="num"]{grid-template-columns:2.6rem minmax(0,1fr)!important;gap:12px!important}
  [data-r="num2"]{grid-template-columns:2.2rem minmax(0,1fr)!important;gap:10px!important}
  [data-r="dl"]{grid-template-columns:minmax(0,1fr)!important}
  [data-r="dl"] dt{padding-bottom:2px!important;border-bottom:0!important}
  [data-r="dl"] dd{padding-top:0!important}
  table th,table td{padding-left:2px!important;padding-right:2px!important}
  table thead th{font-size:.64rem!important;letter-spacing:.08em!important}
  table tbody th{font-size:.74rem!important}
  table tbody td{font-size:.98rem!important}
  figure{margin-left:0!important;margin-right:0!important}
  [data-fbtn]{min-height:40px;padding:.7em 1.2em!important}
  /* 装飾ゴースト文字を画面内に収める */
  [data-r="ghost"]{font-size:min(19vw,86px)!important;max-width:100%;overflow:hidden}
}
@media(max-width:430px){
  [data-r="c3"]{gap:14px 10px!important}
  [data-r="c4"]{gap:14px 10px!important}
  [data-r="en"]{font-size:.66rem!important;letter-spacing:.06em!important}
  [data-r="fnav"]{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  [data-r="num"],[data-r="num2"]{grid-template-columns:minmax(0,1fr)!important;gap:2px!important}
  table tbody th{font-size:.7rem!important}
  table tbody td{font-size:.92rem!important}
  table thead th{font-size:.64rem!important}
}