.hn2-inline.eaphn22-l{margin:0 0 16px!important;padding:14px 16px!important;border-radius:16px!important;background:#fffbeb!important;box-shadow:0 2px 10px rgba(15,23,42,.08),inset 0 0 0 2px #c5a059!important;color:#0f172a!important}
.hn2-inline.eaphn22-l .eaphn22-t{display:block;font-size:17px!important;font-weight:800!important;line-height:1.5!important;margin:0 0 4px!important;color:#0f172a!important}
.hn2-inline.eaphn22-l .eaphn22-x{display:block;font-size:14px!important;line-height:1.7!important;margin:0 0 12px!important;color:#334155!important}
.hn2-inline.eaphn22-l button.eaphn22-go{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;padding:12px 16px!important;border-radius:999px!important;background:#c5a059!important;color:#111!important;font-size:16px!important;font-weight:800!important;box-shadow:0 4px 14px rgba(197,160,89,.45)!important}
.hn2-inline.eaphn22-l button.eaphn22-go:focus-visible{outline:3px solid #f59e0b!important;outline-offset:2px!important}
html.eaphn22-on #hn2-bubble{display:none!important}   /* この画面では、右下の吹き出しは出さない（札と二重になるため） */
@media (min-width:700px){.hn2-inline.eaphn22-l button.eaphn22-go{width:auto!important;display:inline-flex!important;padding:12px 28px!important}}


.hn2-inline.eaphn22-l{position:relative}
.hn2-inline.eaphn22-l button.eaphn23-tg{position:absolute!important;top:6px!important;right:6px!important;width:40px!important;height:40px!important;min-height:40px!important;border-radius:10px!important;color:#7c5e1e!important;font-size:18px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important}
.hn2-inline.eaphn22-l button.eaphn23-tg:focus-visible{outline:3px solid #f59e0b!important;outline-offset:1px!important}
.hn2-inline.eaphn22-l:not(.is-min) .eaphn22-t{padding-right:40px!important}
.hn2-inline.eaphn22-l.is-min{display:flex!important;align-items:center!important;gap:8px!important;padding:6px 52px 6px 12px!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px #c5a059!important;margin:0 0 12px!important}
.hn2-inline.eaphn22-l.is-min .eaphn22-x{display:none!important}
.hn2-inline.eaphn22-l.is-min .eaphn22-t{flex:1 1 auto!important;min-width:0!important;margin:0!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hn2-inline.eaphn22-l.is-min button.eaphn22-go{flex:0 0 auto!important;width:auto!important;display:inline-flex!important;min-height:40px!important;padding:6px 14px!important;font-size:14px!important;box-shadow:none!important}
.hn2-inline.eaphn22-l.is-min button.eaphn23-tg{top:50%!important;margin-top:-20px!important}


                /* ドロワー */
                #eap-drawer-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.8); z-index: 999995; display: none; opacity: 0; transition: opacity 0.3s; }
                #eap-drawer-panel {
                    position: fixed; top: 0; right: -300px; width: 280px; height: 100%; /* 右から出るように変更も可 */
                    background: #1a1a1a; z-index: 999996; box-shadow: -2px 0 10px rgba(0,0,0,0.5);
                    transition: right 0.3s cubic-bezier(0.25, 1, 0.5, 1);
                    display: flex; flex-direction: column;
                }
                #eap-drawer-panel.active { right: 0; } /* 右配置 */
                
                .drawer-header { padding: 15px 20px; background: #111; border-bottom: 1px solid #333; }
                .drawer-title { color: #d4af37; font-weight: bold; font-size: 18px; letter-spacing: 1px; text-align: center; }
                
                .drawer-body { flex: 1; overflow-y: auto; }
                
                .drawer-footer { padding: 20px; background: #111; border-top: 1px solid #333; }
                #eap-drawer-close-btn {
                    width: 100%; padding: 12px; border: 1px solid #d4af37; background: transparent;
                    color: #d4af37; font-weight: bold; border-radius: 4px; cursor: pointer;
                }
                #eap-drawer-close-btn:active { background: #d4af37; color: #000; }

                /* リスト */
                .eap-drawer-list { list-style: none; padding: 0; margin: 0; }
                .eap-drawer-item { border-bottom: 1px solid #2a2a2a; }
                .eap-drawer-label { display: flex; align-items: center; padding: 15px 20px; color: #eee; text-decoration: none; cursor: pointer; transition: background 0.2s; }
                .eap-drawer-label:active { background: #333; }
                .eap-drawer-label .icon { margin-right: 12px; font-size: 1.2em; }
                .eap-drawer-label .text { flex: 1; font-weight: bold; font-size: 14px; }
                .eap-drawer-label .toggle { font-size: 0.8em; color: #666; transition: transform 0.3s; }
                .is-parent.open .toggle { transform: rotate(180deg); }
                .depth-1 .eap-drawer-label { padding-left: 40px; background: #222; }
                
                /* モーダル */
                #eap-content-modal { position: fixed; inset: 0; z-index: 999999; display: none; justify-content: center; align-items: flex-end; background: rgba(0,0,0,0.6); }
                .modal-window { background: #fff; width: 100%; max-width: 600px; height: 92%; border-radius: 16px 16px 0 0; position: relative; display: flex; flex-direction: column; animation: slideUpModal 0.3s ease-out; }
                @keyframes slideUpModal { from{transform:translateY(100%)} to{transform:translateY(0)} }
                #eap-modal-close-x { position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; border-radius: 50%; background: #f0f0f0; border: none; font-size: 20px; font-weight: bold; color: #333; cursor: pointer; }
                .modal-scroll { flex: 1; overflow-y: auto; padding: 25px 20px 80px; }
                #eap-m-title { font-size: 22px; margin: 0 0 10px; border-bottom: 3px solid #d4af37; padding-bottom: 10px; }
                #eap-m-body img { max-width: 100%; height: auto; border-radius: 8px; }