/* カレンダーとお知らせ画面に共通する出力用途・保存操作 */
.outputbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 0 10px}
.outputbar .format{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;white-space:normal}
.outputbar .format>span{font-size:14px;font-weight:700}
.outputbar .format-buttons{display:flex;gap:4px;background:#e4ebef;padding:4px;border-radius:8px}
.outputbar .format-buttons button{border:0;background:transparent;border-radius:5px;padding:9px 13px;color:#526b7a;font:inherit;font-size:13px;cursor:pointer}
.outputbar .format-buttons button[aria-pressed="true"]{background:#fff;color:#193b4e;box-shadow:0 1px 4px #1b364b1c;font-weight:700}
.outputbar .formatdetails{margin:0;font-size:12px;color:#647886}
.outputbar .primary{border:0;background:#183f51;color:#fff;border-radius:7px;padding:14px 24px;font:700 15px inherit;white-space:nowrap}
@media(max-width:850px){.outputbar{flex-wrap:wrap}.outputbar .format{width:100%}.outputbar .format-buttons{width:100%}.outputbar .format-buttons button,.outputbar .primary{flex:1}.outputbar .format-buttons button{padding:9px 6px}}