/* 0.2.3 スマホ表示の最終調整。このファイルは最後に読み込まれ、ヘッダーとHeroの指定をここで確定する */
#terakoya-home-root img{border-radius:0;box-shadow:none;margin:0}
#terakoya-home-root .hero-media,#terakoya-home-root .media-main{margin:0;border-radius:0}

@media (max-width:700px){
  .header-inner{height:64px;padding:0 12px;gap:8px}
  .brand{flex:1 1 auto;min-width:0;gap:8px;margin-right:0;overflow:hidden}
  .brand-mark{width:40px;height:40px;flex:0 0 40px}
  .brand-copy{min-width:0;overflow:hidden}
  .brand-copy small{display:none}
  .brand-copy strong{margin:0;font-size:clamp(15px,4.3vw,18px);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:clip}
  .head-actions{flex:0 0 auto;gap:8px;margin-left:0}
  .head-actions .hbtn.orange{width:auto;height:42px;padding:0 14px;font-size:12px;box-shadow:none}
  .menu-dot{width:42px;height:42px;flex:0 0 42px}
  .mobile-menu{top:64px}
  .hero{padding-top:64px}
  .hero-media{width:100%;margin:0;border-radius:0}
}
@media (max-width:360px){
  .brand-copy strong{font-size:14px}
  .head-actions .hbtn.orange{padding:0 10px;font-size:11px}
}