/* #frontpage { border-right:1px solid silver; }  */
/* .sidebar {  display: flex; flex-direction: column;height: 40vh; } */
div#sbar { border-left:1px dotted silver; }
div#publisher p { margin-left:4px; }
.sidebar { padding-left:4px; border-left:1px dotted silver; }
div#spaceadjuster { font-size:1em; line-height:120%; }
div#publisher { margin-left:-4px; }
#oldblog h2 { margin-top:12px; width:740px; font-size:1em; }
#frontpage ul { margin-left:24px; }
#frontpage ul li { clear:left; margin-top:18px; list-style:none; line-height:1.6em; border-top:1px dashed silver; }
#frontpage ul li img { margin-top:8px; }
#frontpage ul li .date { font-size:0.8em; }
#frontpage ul li .excerpt { margin-left:12px; font-size:0.8em; }
#frontpage ul.recent li { min-height:80px; }
.trgt { text-align:right; }
.frgt { float:right; }
div#oldblog iframe#obif { position:relative; border:none; margin-top:0px; margin-left:0px; padding-top:12px; border-top:1px dashed silver; clear:both; transform:scale(0.76);transform-origin:0 0; }
div#footer { margin-top:-20px; }

ul.recent { list-style: none; margin: 0; padding: 0; }
ul.recent li {
  overflow: hidden;            /* ← これで li 自身がフロートを内包（BFC） */
  padding: 6px 0;
  /* border-bottom: 1px solid #ddd;  */
}
ul.recent li img.frgt {
  float: right;
  width: 180px; height: 80px;  /* 念のため明示 */
  object-fit: cover;
  margin-left: 10px;           /* 文字との間隔 */
}
ul.recent li .date { white-space: nowrap; color:#777; font-size:.9em; margin-right:.3em; }
ul.recent li .excerpt { display: block; color:#555; margin-top: 2px; }