@charset "UTF-8";
/* Mobile refinements for the static landing page.
   Loaded after original styles; desktop layout remains unchanged. */
html, body { max-width: 100%; }
#wrap, header, main, footer, article, #detail, #list { min-width: 0; }
img, video, iframe { max-width: 100%; height: auto; }
#news-feed, #news-feed * { overflow-wrap: anywhere; }
#news-feed a { word-break: break-all; }
#news-feed img { max-width: 100%; height: auto; }
@media screen and (max-width: 839px) {
  body { background-attachment: scroll; }
  #wrap, header, main, footer { width: 100%; }
  header #baseinfo { min-width: 0; }
  main article div#detail { margin-top: 110px; padding-bottom: 55px; }
  main article section { max-width: 100%; margin-bottom: 55px; padding-left: 14px; padding-right: 14px; }
  main article section h3 { font-size: clamp(2.1rem, 6.8vw, 3.2rem); }
  #titlelogo { max-width: 100%; height: auto; }
  #intro h2 { font-size: clamp(2rem, 6.5vw, 2.6rem); }
  #intro p { overflow-wrap: anywhere; }
  #news > section, #news-feed { box-sizing: border-box; width: 100%; max-width: 100%; padding: 15px; }
  #news-feed h4 { line-height: 1.6; }
  #news-feed p { max-width: 100%; overflow-wrap: anywhere; line-height: 1.75; }
  #news-feed img { display: block; float: none; margin: 10px auto; }
  #shop #list { width: 100%; max-width: 100%; }
  #shop #list section { box-sizing: border-box; max-width: 100%; }
  #shop #list section h3 { max-width: 100%; }
  #shop #list section h3 img { max-width: 100%; height: auto; }
  #contact .phone_btn { box-sizing: border-box; max-width: 100%; }
  #carfare { max-width: 100%; }
  footer #copyright { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
}
@media screen and (max-width: 390px) {
  #shop #list section h3 { display: block; width: 100%; margin: 0 auto 12px; }
  #shop #list section a.contact { display: inline-block; max-width: 100%; }
  #system span.lrg { font-size: 4rem; }
  #system span.mid { font-size: 3rem; }
  #contact .phone_btn { font-size: 1.8rem; }
}