@charset "UTF-8"; /* ===== reset（#page-cms 配下のみ・詳細度0） ===== */ :where(#page-cms, #page-cms *) { box-sizing: border-box; margin: 0; padding: 0; } :where(#page-cms img) { display: block; max-width: none; border: 0; } :where(#page-cms a) { color: inherit; text-decoration: none; } :where(#page-cms ul) { list-style: none; } :where(#page-cms button) { border: 0; background: none; font: inherit; color: inherit; appearance: none; -webkit-appearance: none; } /* ===== scale wrapper ===== */ #page-wrap-cms { width: 100%; max-width: 600px; margin: 0 auto; overflow: hidden; } #page-cms { width: 375px; position: relative; transform-origin: top left; background: #fff; color: #7a4132; font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Noto Sans JP', sans-serif; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } /* ===== font helpers ===== */ #page-cms .mincho-cms { font-family: 'Zen Old Mincho', 'Hiragino Mincho ProN', serif; font-weight: 900; } #page-cms .w3-cms { font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Noto Sans JP', sans-serif; font-weight: 300; } #page-cms .w6-cms { font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Noto Sans JP', sans-serif; font-weight: 600; } #page-cms .lineseed-cms { font-family: 'LINE Seed JP', 'Noto Sans JP', sans-serif; font-weight: 800; } #page-cms .nowrap-cms { white-space: nowrap; } #page-cms .sr-only-cms { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } #page-cms .hidden-cms { display: none !important; } /* ===== 背景：単色＋ダマスク柄(30%) ===== */ #page-cms .sec-cms { position: relative; width: 375px; } #page-cms .pattern-cms::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; background: url('../img/pattern.png') repeat left top / 96.8px 96.8px; opacity: .3; pointer-events: none; } #page-cms .sec-inner-cms { position: relative; z-index: 2; } /* ===== 共通ボタン ===== */ #page-cms .btn-cms { display: flex; align-items: center; justify-content: center; border-radius: 2px; color: #fff; font-family: 'Inter', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif; font-weight: 700; line-height: 1; white-space: nowrap; cursor: pointer; text-decoration: none; transition: opacity .2s ease, transform .2s ease; } #page-cms .btn-cms:hover { opacity: .8; transform: translateY(-2px); } /* 公開時間付きボタン（CMSサーバー時刻hook） 期間中：を表示／終了後：「終了しました」