*{box-sizing:border-box;margin:0;padding:0}
body{width:1280px;height:720px;background:#fff;font-family:Calibri,'Helvetica Neue','Hiragino Sans',sans-serif;color:#16264C;position:relative;overflow:hidden}
.label{position:absolute;left:56px;top:12px;font-size:15px;letter-spacing:2px;color:#A8842F;font-weight:700}
.title{position:absolute;left:56px;top:38px;font-family:Cambria,Georgia,'Hiragino Mincho ProN',serif;font-weight:700;font-size:44px;line-height:1.5}
.title .sub{font-size:24px;color:#A8842F;margin-left:22px;font-weight:700;font-family:Calibri,'Helvetica Neue',sans-serif;background:#FBF6EA;border:1.5px solid #C8A24B;border-radius:22px;padding:4px 18px;vertical-align:middle}
ruby rt{font-size:.46em;color:#A8842F;font-weight:400;letter-spacing:1px}
.jp{font-family:'Hiragino Sans','Hiragino Kaku Gothic ProN',sans-serif;font-weight:700}
.card{position:absolute;background:#F5F6F9;border-radius:14px;padding:20px 22px}
.card.gold{background:#FBF6EA;border:1.5px solid #C8A24B}
.card.ng{background:#FDECEC;border:1.5px solid #9E2A2B}
.num{position:absolute;left:14px;top:-17px;width:34px;height:34px;border-radius:50%;background:#16264C;color:#C8A24B;font-weight:700;text-align:center;line-height:34px;font-size:18px}
.num.ng{background:#9E2A2B;color:#fff}
.tag{position:absolute;right:14px;top:-13px;background:#9E2A2B;color:#fff;font-size:13px;font-weight:700;padding:4px 10px;border-radius:12px;letter-spacing:1px}
.h3{font-size:16px;color:#A8842F;letter-spacing:1px;font-weight:700;margin-bottom:8px}
.foot{position:absolute;left:56px;right:56px;bottom:14px;font-size:11px;color:#7c869e;display:flex;justify-content:space-between}