/* 魚結コーポレートサイト｜モバイル対応レイヤー
   PC（1001px以上）は既存のインラインスタイルのまま。
   1000px以下でのみ data-m / data-fs / data-r フックに対して上書きが効きます。 */

html,body{max-width:100%}
body{overflow-x:hidden}

@media (max-width:1000px){

/* ---- 全体の器 ---- */
[data-m~="page"]{width:100%!important}
[data-m~="wrap"]{width:100%!important;max-width:100%!important}
img{max-width:100%}

/* ---- セクション余白 ---- */
section[style],article[style],footer[style]{padding-left:20px!important;padding-right:20px!important}
[data-m~="padL"]{padding-top:44px!important;padding-bottom:44px!important}
[data-m~="padM"]{padding-top:36px!important;padding-bottom:36px!important}
[data-m~="padList"]{padding-top:40px!important;padding-bottom:64px!important}
[data-m~="padHero"]{padding:56px 20px!important}
[data-m~="wavebleed"]{width:calc(100% + 40px)!important;margin-left:-20px!important;margin-right:-20px!important;height:90px!important}
[data-m~="waveband"]{height:70px!important}

/* ---- 段組みを縦積みに ---- */
[data-m~="row"]{flex-direction:column!important;gap:32px!important;align-items:stretch!important}
[data-m~="grid1"]{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
[data-m~="grid2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
footer [data-m~="grid1"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 20px!important}
[data-m~="wrapflex"]{flex-wrap:wrap;gap:16px}
[data-m~="chips"]{flex-wrap:wrap}
[data-m~="stack"]{flex-direction:column!important;align-items:stretch!important;gap:0!important}
[data-m~="stack"]>[data-m~="fw"]{padding:16px 0 3px!important}
[data-m~="listrow"]{gap:16px!important;align-items:stretch!important}
[data-m~="listrow"]>[data-m~="fw"]{padding:0!important}
[data-m~="stack"]>div:last-child{padding:0 0 16px!important;line-height:1.95!important}
[data-m~="ctabox"]{padding:26px 20px!important;gap:20px!important;align-items:stretch!important}
[data-m~="ctabox"] a{text-align:center;display:flex;align-items:center;justify-content:center}
[data-m~="nogap"]{gap:0!important}
[data-m~="padx"]{padding-left:20px!important;padding-right:20px!important}
[data-m~="cardbody"]{padding:22px 20px 24px!important}

/* ---- 事業カード（TOP）：サムネイル＋テキストの横並び ---- */
[data-m~="bizbody"]{padding:20px 20px 22px!important;gap:10px!important}
[data-m~="bizbody"]>div:nth-child(2){font-size:13px!important;line-height:1.95!important}
[data-m~="bizbody"]>div:last-child{margin-top:2px!important;font-size:13px!important}

/* ---- 事業内容ページ：3つの特徴を見出し＋本文の横並びに ---- */
[data-m~="spec3"]{grid-template-columns:minmax(0,1fr)!important;gap:1px!important}
[data-m~="spec3"]>div{display:flex!important;gap:14px;padding:15px 16px!important}
[data-m~="spec3"]>div>div:first-child{flex:0 0 30%;margin-bottom:0!important;line-height:1.7}
[data-m~="spec3"]>div>div:last-child{flex:1;min-width:0;font-size:12.5px!important}

/* ---- 事業内容ページの目次ナビ：3列×2行 ---- */
[data-m~="biznav"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:0!important}
[data-m~="biznav"]>a{padding:13px 6px!important;font-size:12px!important;border-right:1px solid #eee9e0!important;border-bottom:1px solid #eee9e0}
[data-m~="biznav"]>a:nth-child(3n){border-right:0!important}
[data-m~="biznav"]>a:nth-child(n+4){border-bottom:0}
[data-m~="biznav"]>a>span{font-size:12px!important;margin-bottom:3px!important}

/* ---- 下層ページのヘッダー写真 ---- */
[data-m~="phero"]{height:auto!important;min-height:230px!important}
[data-m~="phero"] [data-m~="wrap"]{padding:34px 20px!important;height:auto!important}
[data-m~="flowgrid"]>div{padding:24px 18px!important}

/* ---- 固定幅の解除 ---- */
[data-m~="fw"]{width:100%!important;min-width:0!important;flex:0 1 auto!important}
[data-m~="footlogo"]{width:200px!important}

/* ---- 画像・地図の高さ ---- */
/* ---- ヒーロー（スマホ：写真前面＋紺スクリム） ---- */
[data-m~="hero"]{height:auto!important;min-height:520px!important}
[data-m~="heroimg"] img{object-position:74% center!important}
[data-m~="heroveil"]{background:linear-gradient(180deg,rgba(8,26,45,.42) 0%,rgba(8,26,45,.5) 38%,rgba(8,26,45,.86) 100%)!important}
[data-m~="hero"]>[data-m~="padHero"]{width:100%!important;height:auto!important;min-height:520px!important;justify-content:flex-end!important;padding:0 20px 30px!important;gap:18px!important}
[data-m~="herosub"]{color:#e6d3b8!important;font-size:16px!important}
[data-m~="herottl"]{color:#fff!important}
[data-m~="herottl"] span{color:#f2b8bd!important}
[data-m~="herolead"]{color:#dbe4ec!important;font-size:13px!important;line-height:2!important}
[data-m~="herobtns"]{gap:10px!important;margin-top:2px!important}
[data-m~="herobtns"]>a{flex:1;justify-content:center;min-height:50px;padding:0 10px!important;font-size:13px!important;letter-spacing:.04em!important}
[data-m~="herobtns"]>a:first-child{background:#b8232f!important}
[data-m~="herobtns"]>a:last-child{border-color:rgba(255,255,255,.75)!important;color:#fff!important}
[data-m~="herobtns"]>a span{display:none!important}
[data-m~="ar45"]{height:auto!important;aspect-ratio:4/5}
[data-m~="ar32"],[data-m~="ar169"],[data-m~="bizthumb"]{box-sizing:border-box;overflow:hidden}
[data-m~="ar32"]{height:auto!important;min-height:0!important;aspect-ratio:3/2}
[data-m~="ar169"]{height:auto!important;min-height:0!important;width:100%!important;aspect-ratio:16/9}
[data-m~="bizthumb"]{height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
iframe{height:300px!important}

/* ---- 文字サイズ ---- */
[data-fs="52"]{font-size:33px!important}
[data-fs="40"]{font-size:27px!important}
[data-fs="36"]{font-size:26px!important}
[data-fs="34"]{font-size:25px!important}
[data-fs="32"]{font-size:24px!important}
[data-fs="30"]{font-size:23px!important}
[data-fs="28"]{font-size:22px!important}
[data-fs="26"]{font-size:21px!important}
[data-fs="25"]{font-size:19px!important}
[data-fs="24"]{font-size:20px!important}
[data-fs="23"]{font-size:19px!important}
[data-fs="22"]{font-size:19px!important}
[data-fs="20"]{font-size:18px!important}

/* ---- ヘッダー（ハンバーガー） ---- */
[data-r="hdr"]{height:auto!important;flex-wrap:wrap!important;align-items:center!important;position:relative}
[data-r="hdr"]>a[href="index.html"]{flex:0 0 100%!important;padding:12px 16px!important}
[data-r="hdr"]>a[href="index.html"] img{height:42px!important}
[data-r="burger"]{display:flex!important;position:absolute;right:0;top:0;height:66px;align-items:center;padding:0 18px}
[data-r="nav"]{display:none!important}
[data-r="hdr"] input:checked~[data-r="nav"]{display:flex!important;order:9;flex:0 0 100%!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:4px 0 8px!important;border-top:1px solid #e8e5de}
[data-r="hdr"] input:checked~[data-r="nav"] a{padding:15px 20px;border-bottom:1px solid #f2f0ea;font-size:14px!important}
[data-r="hdr"]>a[href="shop.html"],[data-r="hdr"]>a[href="contact.html"]{order:10;flex:0 0 50%!important;justify-content:center;min-height:52px;padding:0 12px!important;border-left:0!important;border-top:1px solid #e8e5de;text-align:center}

/* ---- フォーム ---- */
input,textarea,select,button{max-width:100%;font-size:16px!important}
input[type=text],input[type=email],input[type=tel],textarea,select{min-height:48px}
[data-m~="btn"]{min-height:48px}

}

@media (max-width:560px){
[data-fs="52"]{font-size:28px!important}
[data-m~="grid2"]{grid-template-columns:minmax(0,1fr)!important}
[data-m~="keep2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
[data-m~="spec3"]>div>div:first-child{flex:0 0 34%}
[data-m~="hero"]{min-height:480px!important}
[data-m~="hero"]>[data-m~="padHero"]{min-height:480px!important}
[data-m~="herottl"]{font-size:29px!important}
}
