/*
Theme Name: Otsujiya
Description: おつうじ屋 トップページ案A(緑)。商品・お客様の声・レシピ・FAQ・お知らせを、ブログのように管理画面から追加・編集できます。試作版。
Version: 0.2.0
Text Domain: otsujiya
*/
html { scroll-behavior: smooth; }
body { margin: 0; background: #FFFFFF; color: #2B3326; font-family: 'Zen Maru Gothic', sans-serif; line-height: 1.85; }
a { color: #3F6E2C; text-decoration: none; }
a:hover { color: #2A4D1C; }
img { max-width: 100%; height: auto; }
.ot-entry img { border-radius: 16px; }
.ot-entry h2 { font-size: 22px; border-left: 6px solid #3F6E2C; padding-left: 12px; }
.ot-entry h3 { font-size: 18px; }

@media (max-width: 720px) {
  .ot-pad { padding-left: 20px !important; padding-right: 20px !important; }
  .ot-sec { padding-top: 52px !important; padding-bottom: 32px !important; }
  .ot-big { font-size: 34px !important; }
  .ot-h1 { font-size: 30px !important; }
  .ot-hero-img { min-height: 240px !important; }
  .ot-hero-ov { position: static !important; display: block !important; }
  .ot-hero-card { max-width: none !important; border-radius: 0 !important; padding: 24px 20px 28px !important; }
  .ot-nav { gap: 6px 18px !important; }
  .ot-nav a div:first-child { font-size: 13px !important; }
  .ot-card-body { padding: 18px 20px 22px !important; }
  .ot-share h2 { font-size: 22px !important; }
}