/*
Theme Name: Spicafe Easy
Description: 【読みやすい版】文字を大きく、明るい背景で、コントラストを高くしたSpicafe(spicafe.com)専用テーマ。文言・写真はカスタマイズ画面から、お客様の声・よくある質問・お知らせはブログ感覚で追加・編集できます。
Version: 3.0.0
Text Domain: spicafe-easy
*/
html { scroll-behavior: smooth; }
body { margin: 0; background: #FFFDF8; color: #1B2447; font-family: 'Zen Kaku Gothic New', sans-serif; font-weight: 500; font-size: 18px; line-height: 2; }
a { color: #1F3A93; text-decoration: underline; text-underline-offset: 3px; }
a:hover { color: #0F2266; }
a:focus-visible, button:focus-visible { outline: 3px solid #C58A1E; outline-offset: 3px; }
img { max-width: 100%; height: auto; }
.sp-entry img { border-radius: 16px; }
.sp-entry h2 { font-family: 'Shippori Mincho', serif; font-size: 24px; border-left: 5px solid #C58A1E; padding-left: 12px; }
.sp-entry p, .sp-entry li { color: #1B2447; font-size: 19px; }

@media (max-width: 720px) {
  .nav-link { display: none; }
  h1 { font-size: 34px !important; line-height: 1.4 !important; }
  h2 { font-size: 24px !important; }
  [style*="padding: 104px 40px"],
  [style*="padding: 96px 40px"] { padding: 64px 20px !important; }
  [style*="padding: 56px 40px 112px"] { padding: 28px 20px 64px !important; }
  [style*="padding: 24px 40px"] { padding: 16px 20px !important; }
  [style*="padding: 36px 40px"] { padding: 28px 20px !important; }
  [style*="padding: 40px 36px"] { padding: 28px 24px !important; }
}