/*
Theme Name: Syunna Masa
Theme URI: https://syunna-masa.com/
Author: HiNeLi
Description: 旬肴 雅（大阪・門真）の公式テーマ。TOP・お店について・メニュー・店舗情報・WEB予約の5テンプレートを同梱。レスポンシブ対応。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: syunna-masa
*/

html, body { margin: 0; padding: 0; background: #14110f; }
* { box-sizing: border-box; }
body { color: #fff; font-family: 'Noto Sans JP', sans-serif; overflow-x: hidden; }
img { display: block; max-width: 100%; }
a { color: #a67c2e; text-decoration: none; transition: color .2s ease, border-color .2s ease; }
a:hover, a:focus { color: #c9a05a; }
.sm-site { background: #14110f; min-height: 100vh; }
iframe { max-width: 100%; }

@keyframes heroIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

/* ヒーローのフェード */
.sm-hero-img { opacity: 0; transition: opacity 1.6s ease; }
.sm-hero-img.is-active { opacity: 1; }

/* ナビゲーションの切り替え */
.sm-nav-mobile { display: none; }
.sm-drawer { display: none !important; }
.sm-drawer.is-open { display: flex !important; }
body.sm-nav-locked { overflow: hidden; }

@media (max-width: 899px) {
	.sm-nav-desktop { display: none !important; }
	.sm-nav-mobile { display: block; }
	.sm-hero-v { display: none !important; }
}
@media (min-width: 900px) {
	.sm-hero-h { display: none !important; }
}

/* 固定ページの本文（プライバシーポリシー等） */
.sm-entry { max-width: 800px; margin: 0 auto; padding: clamp(56px, 8vw, 96px) clamp(20px, 5vw, 48px); }
.sm-entry h1 { font-family: 'Shippori Mincho', serif; font-weight: 500; font-size: clamp(26px, 4.4vw, 40px); letter-spacing: .06em; line-height: 1.5; margin: 0 0 32px; color: #fff; }
.sm-entry h2 { font-family: 'Shippori Mincho', serif; font-weight: 500; font-size: clamp(20px, 3vw, 26px); letter-spacing: .05em; margin: 48px 0 16px; color: #fff; }
.sm-entry p, .sm-entry li { font-size: 15px; line-height: 2.1; color: #e7e0d5; }
.sm-entry a { border-bottom: 1px solid rgba(166, 124, 46, .5); }

/* WordPress 標準クラス */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin: 0 auto 1em; }