/* ローンチ企画「最初の100人に Plus を3か月」の帯と、付いたときのお知らせ（assets/launch.js が作る）。
   色は DESIGN.md の値（紙色 #fffcf7・紫 #6535b5・文字 #292622・補助 #65594d・線 #e5cdb8）。ページごとの変数に頼らず、about・account のどちらでも同じ見た目にする。
   iOSアプリ（html.is-native）では何も出さない（App Store の規約。launch.js も何もしない）。 */
.dpg-launch-slot{margin:0 0 18px}
.dpg-launch{box-sizing:border-box;margin:0;padding:16px 18px;background:#f6f0ff;border:1px solid #d6c4f3;border-radius:16px;color:#292622;font-size:15px;line-height:1.75;text-align:left}
.dpg-launch__title{margin:0 0 6px;font-size:17px;line-height:1.55;font-weight:800;color:#4b2491;overflow-wrap:anywhere}
.dpg-launch__nowrap{white-space:nowrap}
.dpg-launch__text{margin:0 0 4px;font-size:14px;line-height:1.75;color:#292622;overflow-wrap:anywhere}
.dpg-launch__text:last-child{margin-bottom:0}
.dpg-launch__muted{color:#65594d}
.dpg-launch-notice{position:fixed;z-index:9999;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translateX(-50%);box-sizing:border-box;width:min(calc(100vw - 24px),440px);display:flex;align-items:flex-start;gap:12px;padding:14px 14px 14px 18px;background:#fff;border:1px solid #c9b0f0;border-radius:16px;box-shadow:0 8px 24px #3a1c7a2e;color:#292622;font-size:15px;line-height:1.7}
.dpg-launch-notice__text{flex:1 1 auto;min-width:0;margin:0;overflow-wrap:anywhere}
.dpg-launch-notice__text strong{display:block;font-weight:800;color:#4b2491}
.dpg-launch-notice__close{flex:0 0 auto;min-width:44px;min-height:44px;margin:-8px -4px -8px 0;padding:0 10px;background:transparent;border:0;border-radius:12px;color:#65594d;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.dpg-launch-notice__close:hover{background:#f6f0ff}
.dpg-launch-notice__close:focus-visible{outline:3px solid #6535b5;outline-offset:2px}
html.is-native .dpg-launch-slot,html.is-native .dpg-launch,html.is-native .dpg-launch-notice{display:none!important}
@media(max-width:360px){.dpg-launch{padding:14px}.dpg-launch__title{font-size:16px}}
@media(max-width:340px){.dpg-launch__nowrap{white-space:normal}}