/*==============
LINE風フキダシ
===============*/
/*フレームとフォント*/
.kaiwa.line {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 10px 0;
    background: #769ece;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Helvetica Neue", "Lucida Sans Unicode", "Arial";
    font-size: 16px;
    color: #333;
    line-height: 1.4;
    overflow: hidden;
}
/*フキダシ共通*/
.kaiwa.line .fukidasi {
    position: relative;
    display: inline-block;
    max-width: 192px;
    margin: 8px 0 0;
    padding: 9px 14px;
    border-radius: 19px;
    overflow-wrap: break-word;
    clear: both;
    box-sizing: content-box;/*はてな用*/
}
/*フキダシ左*/
.kaiwa.line .fukidasi.left {
    float: left;
    margin-left: 62px;
    background: white;
}
/*グループのときのフキダシ*/
.kaiwa.line .name + .fukidasi.left {
    margin-top: 5px;
}
/*フキダシ右*/
.kaiwa.line .fukidasi.right {
    float: right;
    margin-right: 12px;
    background: #7adc40;
}
/*相手の名前*/
.kaiwa.line .name {
    clear: right;
    margin-left: 62px;
    color: white;
}
/*ユーザアイコン*/
.kaiwa.line .icon {
    position: absolute;
    width: 40px;
    height: 40px;
    left: -54px;
    top: -2px;
    border-radius: 20px;
}
/*グループのときのユーザアイコン*/
.kaiwa.line .name + .left .icon {
    top: -1.8em;
}
/*しっぽ共通*/
.kaiwa.line .fukidasi::after {
    position: absolute;
    content: "";
    width: 24px;
    height: 36px;
    top: -21px;
}
/*しっぽ左*/
.kaiwa.line .fukidasi.left:after {
    left: -10px;
    border-radius: 18px 0 6px 18px/18px 0 1px 18px;
    box-shadow: -3px -15px 0 -5px white inset;
}
/*しっぽ右*/
.kaiwa.line .fukidasi.right::after {
    right: -10px;
    border-radius: 0 18px 18px 6px/0 18px 18px 1px;
    box-shadow: inset 3px -15px 0 -5px #7adc40;
}
/*フキダシが続いてしっぽがないとき*/
.kaiwa.line .left + .left::after,
.kaiwa.line .right + .right::after {
    content: none;
}

.input{
    width: 100%; 
    padding: 10px 15px; 
    font-size: 16px;
    border-radius: 3px; 
    border: 2px solid #ddd; 
    box-sizing: border-box; 
}

.pokeimg{
    width:50px;
    height:50px;
}

/* テーブルに行番号を振る設定 */
table.uk-table {
  counter-reset: row-num; /* カウンターを初期化 */
}
table.uk-table tbody tr {
  counter-increment: row-num; /* 行ごとにカウントアップ */
}
table.uk-table tbody tr td:first-child::before {
  content: counter(row-num) ". "; /* 番号とドットを表示 */
  color: #999;        /* 少し薄い色にする */
  font-weight: bold;
  margin-right: 8px;  /* 名前との間隔 */
  display: inline-block;
  min-width: 25px;    /* 番号の幅を揃える */
  text-align: right;
}