/* 他サイト埋め込み用の講座一覧（/seminar/iframe/<名前>）
   画面の半分の幅（2つ左右に並べる）でも崩れないよう、幅にかかわらずスマホと同じ縦長のカードにする */
body.umekomi{background:#fff;padding:8px}
.umekomi .card{display:grid;grid-template-columns:73px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;row-gap:0;padding:12px 10px 12px 8px;margin-bottom:10px}
.umekomi .rail,.umekomi .rail.rl2{grid-column:1;grid-row:1;width:auto;border-right:0;padding-right:0}
.umekomi .rl2 .rdl .rd{font-size:15px}
.umekomi .face{grid-column:1;grid-row:2;width:52px;justify-self:center;margin-top:8px}
.umekomi .body{grid-column:2;grid-row:1 / 3;border-left:1px solid #e2e8f0;padding-left:12px}
.umekomi .catch{font-size:13px}
.umekomi .ttl{font-size:16px}
.umekomi .lect{font-size:14px}
.umekomi .lect .kata{font-size:12px}
.umekomi .meta{font-size:13px;margin-top:8px}
.umekomi .meta dt.fee-l{display:none}
.umekomi .meta dd.fee{grid-column:1 / -1}
.umekomi .meta .psep{display:none}
.umekomi .meta .pp{display:block}
.umekomi .nashi{font-size:14px;color:#475569;padding:12px 4px;margin:0}

/* 1行ずつの一覧（katachi＝list。公式サイトのトップの「セミナー情報」）。並びは講師ページの「過去に開催したセミナー」と同じ。
   上のテーマの切り替えは押せるものなので完全な角丸、テーマのバッジは中身の印なので小さい角丸（公式トンマナ §8） */
body.uk-list{padding:0;color:#1e293b}
.ukt{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.ukt button{font:inherit;font-size:13px;line-height:1.5;color:#0284c7;background:#fff;border:1px solid #0284c7;border-radius:999px;padding:3px 14px;cursor:pointer}
.ukt button:hover{background:#f0f9ff}
.ukt button[aria-selected=true]{background:#0284c7;color:#fff;font-weight:700}
.ukt .n{font-size:11.5px;font-weight:400;margin-left:5px;opacity:.8}
.ukl[hidden]{display:none}
.ukl ul{list-style:none;margin:0;padding:0;border-top:1px solid #e2e8f0}
.ukm{margin:8px 4px 0;text-align:right;font-size:14px}
.ukm a{color:#0284c7}
.ukm a::after{content:"\203A";margin-left:.4em}
.ukl li{display:flex;gap:16px;padding:9px 4px;border-bottom:1px solid #e2e8f0}
.ukl .pd{width:6.2em;flex:none;font-size:14px;white-space:nowrap;padding-top:1px}
.ukl .pb{flex:1;min-width:0;overflow-wrap:anywhere}
.ukl .tag{display:inline-block;font-size:11.5px;font-weight:400;line-height:1.5;border:1px solid #94a3b8;border-radius:4px;padding:0 7px;margin-left:6px;color:#475569;vertical-align:1px;white-space:nowrap}
.ukl .pc{display:block;font-size:13px;color:#1e3a8a;line-height:1.5}
.ukl .pt{display:block;font-size:15px;color:#0284c7;line-height:1.45}
@media (max-width:600px){
  .ukl li{flex-direction:column;gap:2px;padding:9px 2px}
  .ukl .pd{width:auto}
}