/* スマホ幅(〜604px)の細かい崩れ修正 */
@media (max-width: 604px){
 /* ヘッダーのTEL: 折り返さず、帯の中におさめる */
 #u183841-5-wrapper{width:auto;margin-left:-82px;}
 #u183841-5{left:0;margin-left:0;width:auto;white-space:nowrap;}
 #u183841-3,#u183841,#u183841-2{white-space:nowrap;font-size:min(28px,5.8vw);line-height:1.2;}
 /* ヒーロー: ロゴと文字が重ならないよう文字を少し下げる */
 #u142901-6{margin-top:220px;line-height:1.55;width:92%;left:4%;font-size:min(23px,5.6vw);}
 #u142914-4{margin-top:302px;}
 #u142915{margin-top:368px;}
 /* MORE: 折り返さない */
 #buttonu178354{width:110px;left:calc(50% - 55px);}
 #u178355-4{white-space:nowrap;width:100%;left:0;text-align:center;margin-left:0;}
 #u178355-4 p{text-align:center;}
 /* フッター: 営業時間・定休日を1行に */
 #u174472-6{width:100%;left:0;}
 #u174472-6 p{white-space:nowrap;font-size:min(16px,4.1vw);}
}

/* 415px未満の細い画面: 415px前提のレイアウトを幅に合わせて縮小 */
@media (max-width:414px){body{zoom:0.9880;}}
@media (max-width:408px){body{zoom:0.9735;}}
@media (max-width:402px){body{zoom:0.9590;}}
@media (max-width:396px){body{zoom:0.9446;}}
@media (max-width:390px){body{zoom:0.9301;}}
@media (max-width:384px){body{zoom:0.9157;}}
@media (max-width:378px){body{zoom:0.9012;}}
@media (max-width:372px){body{zoom:0.8867;}}
@media (max-width:366px){body{zoom:0.8723;}}
@media (max-width:360px){body{zoom:0.8578;}}
@media (max-width:354px){body{zoom:0.8434;}}
@media (max-width:348px){body{zoom:0.8289;}}
@media (max-width:342px){body{zoom:0.8145;}}
@media (max-width:336px){body{zoom:0.8000;}}
@media (max-width:330px){body{zoom:0.7855;}}
@media (max-width:324px){body{zoom:0.7711;}}
@media (max-width:318px){body{zoom:0.7566;}}
@media (max-width:312px){body{zoom:0.7422;}}
@media (max-width:306px){body{zoom:0.7277;}}
@media (max-width:300px){body{zoom:0.7133;}}

/* ===== 追加: スマホ(604px以下) ===== */
@keyframes spMenuIn{from{transform:translateX(100%)}to{transform:none}}
.spbr{display:none;}
@media (max-width:604px){
 .spbr{display:inline;}
 /* --- ハンバーガーメニュー: 右からスライド --- */
 #buttonu176450{position:fixed!important;top:0!important;right:0!important;left:auto!important;height:100vh!important;z-index:99999!important;display:none!important;}
 .sp-menu-open #buttonu176450{display:block!important;box-shadow:-4px 0 18px rgba(0,0,0,.35);animation:spMenuIn .28s ease;}
 #buttonu176450 #u176454{height:100vh!important;}
 #buttonu176450 #buttonu176455{height:auto!important;}
 .menuSideSlideNav-Btn{cursor:pointer;}
 /* --- ヘッダー左上ロゴ: 木と丸い囲みを左、hair equ の文字を右に --- */
 #buttonu140719{width:106px!important;}
 #u183797{width:92px!important;height:43px!important;margin-left:0!important;left:0!important;margin-top:10px!important;background:url(../images/artwork-24-h.svg) no-repeat left center/contain!important;}
 #u183797 img{opacity:0!important;width:100%!important;height:100%!important;}
 /* --- MORE ボタン: 押しても(hover/active/選択)左に寄らない --- */
 #buttonu178354,#buttonu178354:hover,#buttonu178354:active,#buttonu178354.ButtonSelected{width:110px!important;left:calc(50% - 55px)!important;margin-left:0!important;}
 #u178355-4,#buttonu178354:hover #u178355-4,#buttonu178354:active #u178355-4,#buttonu178354.ButtonSelected #u178355-4{width:100%!important;left:0!important;margin-left:0!important;text-align:center!important;}
 /* --- about: 「equのこだわり」見出し文字を帯の中央に --- */
 #u152221-4{margin-top:9px!important;}
 /* --- 余白の調整 --- */
 #u182489-5{margin-bottom:-40px!important;}
 #u172197-5{display:none!important;}
}

/* ===== ABOUT(デスクトップ幅 1051px〜): 本文ブロックを画面中央に ===== */
@media (min-width:1051px){
 #pu99630{width:100%!important;margin-left:0!important;}
 #pamphletu152210{left:0!important;}
 #u152222popup{margin-left:calc(50% - 524px)!important;}
 #u152215{width:221px!important;margin-left:calc(50% - 110px)!important;}
}

/* ===== スクロール: html と body の二重スクロール(縦バー2本)を防ぐ =====
   横はみ出しは overflow:clip で切り落とし、スクロール領域にはしない */
body{overflow-x:clip!important;overflow-y:visible!important;}
html{overflow-x:hidden!important;}

/* ---- ホーム(スマホ): スライダー右端のグレー解消 / ロゴを上に / 英文を2行 ---- */
.spbr{display:none;}
@media (max-width: 604px){
 .spbr{display:inline;}
 #u188622{width:52px!important;left:-26px!important;margin-left:50%!important;top:-10px;}
 #u188670{width:52px!important;height:auto!important;}
 #u142901-6{margin-top:260px!important;}
 #u142914-4{margin-top:342px!important;width:100%!important;left:0!important;margin-left:0!important;}
 #u142914-2{white-space:nowrap;text-align:center;font-size:min(11.5px,2.9vw)!important;line-height:1.7!important;letter-spacing:0!important;}
 #u142915{margin-top:404px!important;}
}

@media (max-width:414px){
 #u142867popup{width:100%!important;}
 #slideshowu142866 #u142867,#slideshowu142866 #u142872,#slideshowu142866 .SSSlide{width:100%!important;}
 #slideshowu142866 .SSSlide.clip_frame{overflow:hidden;position:relative;}
 #slideshowu142866 .SSSlide img.ImageInclude{position:absolute!important;left:0!important;top:0!important;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:50% 50%;}
 #u142897{width:100%!important;}
}

/* ヘッダーの電話番号: ロゴ(左)とハンバーガー(右)の中央(上下・左右)にそろえる */
@media (max-width:604px){ #u183841-5-wrapper{transform:translate(0.5vw,2px);} }
@media (max-width:479px){ #u183841-5-wrapper{transform:translate(3.7vw,4px);} }
@media (max-width:414px){ #u183841-5-wrapper{transform:translate(25px,5px);} }
@media (max-width:380px){ #u183841-5-wrapper{transform:translate(25px,6.5px);} }
@media (max-width:335px){ #u183841-5-wrapper{transform:translate(33px,6.5px);} }

/* ヒーローのロゴ: 他の要素の高さに左右されないよう、ページ上端から固定位置に置く */
@media (max-width:604px){
 #pu188622{position:absolute!important;top:84px!important;left:0!important;margin:0!important;width:100%!important;}
 #u188622{top:0!important;}
}

/* フッターのロゴ: 上の帯に隠れて上部が切れないよう、少し下げる */
@media (max-width:604px){
 #u183815{top:20px!important;}
 #u142092-bw,#u142092{overflow:visible!important;}
}
/* 写真の暗いオーバーレイがフッターの白い部分にはみ出してグレーの帯になるのを防ぐ */
@media (max-width:414px){ #u178329{clip-path:inset(0 0 29px 0);} }
@media (min-width:415px) and (max-width:604px){ #u178329{clip-path:inset(0 0 calc(29px + (100vw - 415px) * 0.3) 0);} }