/* コマのカード1枚（260912）＝サイト（site/index.html）と 8029 の site preview が同じこの1枚を読む。
   描くのは koma.js の card()・下寄せの絵は settle()。ページの並べ方は site.css。 */
.e{
  --paper:#fff;
  --ink:#000;
  --family:"IBM Plex Mono","Noto Sans JP",monospace;
  --dtfam:"Zilla Slab","Noto Sans JP",serif;
  --fs:12px;
  --lh:17px;
  --ls:-0.1px;
  --cpad:6px;
  display:flow-root;
  box-sizing:border-box;
  margin:0;
  padding:var(--cpad);
  border:1px solid var(--ink);
  background:var(--paper);
  color:var(--ink);
  font-family:var(--family);
  font-size:var(--fs);
  line-height:var(--lh);
  letter-spacing:var(--ls);
  font-kerning:none;
  font-feature-settings:"kern" 0,"liga" 0,"tnum" 0;
  hyphens:auto;
  -webkit-hyphens:auto;
}
.e .hd{font-weight:700}
.e .dt{
  color:var(--ink);
  font-family:var(--dtfam);
  font-weight:400;
  letter-spacing:0;
}
.e .ja{
  font-family:"Noto Sans JP",sans-serif;
  font-size:.9em;
  font-feature-settings:"palt" 0;
  hyphens:manual;
}
.e .s{margin:0 0 var(--lh);line-height:var(--lh)}
.e .s:last-child{margin-bottom:0}
.e a.bl{
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}
/* リンクの種類の印（koma.js の icon()）＝字の左に、字の色で絵を置く。印の下に下線は引かない（K 261011 19:11）。
   高さの目安＝字の頭から下線の下まで。下の端を下線に揃える。箱は高さ0＝行の高さに触らない。
   微調整＝--ic-size（大きさ）・--ic-y（上下・マイナスが大きいほど下）・--ic-gap（字との間）。
   絵は Phosphor Icons（MIT）の SVG をそのまま持つ＝フォントを読まない。絵は枠の中で上下左右に約1/8ずつ余白を持つ */
.e a.bl .iw{white-space:nowrap}
.e a.bl .ic{
  --ic-size:1.3em;--ic-gap:.2em;
  --ic-y:calc(-3px - var(--ic-size) * .14);
  display:inline-block;position:relative;
  width:calc(var(--ic-size) + var(--ic-gap));height:0;
}
.e a.bl .ic::before{
  content:"";
  position:absolute;left:0;bottom:var(--ic-y);
  width:var(--ic-size);height:var(--ic-size);
  background:currentColor;
  -webkit-mask:var(--ic) center/contain no-repeat;
  mask:var(--ic) center/contain no-repeat;
}
.e a.bl .ic-media{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M216,40H72A16,16,0,0,0,56,56V72H40A16,16,0,0,0,24,88V200a16,16,0,0,0,16,16H184a16,16,0,0,0,16-16V184h16a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM172,72a12,12,0,1,1-12,12A12,12,0,0,1,172,72Zm12,128H40V88H56v80a16,16,0,0,0,16,16H184Zm32-32H72V120.69l30.34-30.35a8,8,0,0,1,11.32,0L163.31,140,189,114.34a8,8,0,0,1,11.31,0L216,130.07V168Z'/%3E%3C/svg%3E")}
.e a.bl .ic-text{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-32-80a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,136Zm0,32a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,168Z'/%3E%3C/svg%3E")}
.e a.bl .ic-video{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232,208a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16H224A8,8,0,0,1,232,208Zm0-152V168a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56Zm-68,56a8,8,0,0,0-3.41-6.55l-40-28A8,8,0,0,0,108,84v56a8,8,0,0,0,12.59,6.55l40-28A8,8,0,0,0,164,112Z'/%3E%3C/svg%3E")}
.e a.bl .ic-shop{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M230.14,58.87A8,8,0,0,0,224,56H62.68L56.6,22.57A8,8,0,0,0,48.73,16H24a8,8,0,0,0,0,16h18L67.56,172.29a24,24,0,0,0,5.33,11.27,28,28,0,1,0,44.4,8.44h45.42A27.75,27.75,0,0,0,160,204a28,28,0,1,0,28-28H91.17a8,8,0,0,1-7.87-6.57L80.13,152h116a24,24,0,0,0,23.61-19.71l12.16-66.86A8,8,0,0,0,230.14,58.87ZM104,204a12,12,0,1,1-12-12A12,12,0,0,1,104,204Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,200,204Z'/%3E%3C/svg%3E")}
.e img.dz{
  float:left;
  margin:0 6px 0 0;
  border:1px solid var(--ink);
  box-sizing:border-box;
  image-rendering:pixelated;
}
.e.pen-tr img.dz{float:right;margin:0 0 0 6px}
.e .dzsp{display:block;width:0;height:0}
.e.pen-bl .dzsp{float:left}
.e.pen-bl img.dz{clear:left}
.e.pen-measure-text .dzsp,.e.pen-measure-text img.dz{display:none}

/* 飾りのコマ＝通常の1列幅、枠の内側いっぱいに生成した絵だけを置く。 */
.e.banner{padding:0}
.e.banner .banner-link{display:block}
.e.banner .banner-image{display:block;width:100%;height:auto;image-rendering:pixelated}