/* ==== ページ内検索｜フォーム ==== */
[ name="numberlist" ] {
/* position: sticky; */
    right: 0px; top: 0px; z-index: 999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: right;
    align-items: center;
    margin-bottom: 30px;
}

/* ==== ページ内検索｜フォーム部品 ==== */
[ name="numberlist" ] * {
    flex: 0 0 auto;
    box-sizing: content-box;
    height: 2em;
    padding: 0px;
    margin: 0;
    outline: none;
}
[ name="numberlist" ] [ name="keyword" ] {width: 200px;padding: 0em 0.4em;border: 2px solid #767676; border-radius: 3px;}
[ name="numberlist" ] [ name="search" ] { width: 60px; }
[ name="numberlist" ] [ type="button" ] {
    cursor: pointer;
    background-color: #3C3C3C;
    border-color: #3C3C3C;
    border-radius: 3px;
    color: #fff;
    line-height: 1;
}
[ name="numberlist" ] [ type="button" ]:hover {background-color: #000;border-color: #000;}
[ name="numberlist" ] :is( [ name="prev" ], [ name="next" ] ) {
    border: none;
    border-radius: 50%;
    background: #0000;
}
[ name="numberlist" ] :is( [ name="prev" ], [ name="next" ] ):disabled {opacity: 0.5;cursor: default;}
[ name="numberlist" ] :is( [ name="prev" ], [ name="next" ] ):hover {background: #eee;}
[ name="numberlist" ] :is( [ name="prev" ], [ name="next" ] ) svg {display: block;}
[ name="numberlist" ] [ name="counter" ] {
    display: flex; justify-content: start; align-items: center;
    width: 80px;
    padding: 0em 0.5em;
}

/* ==== ページ内検索｜セパレータ ==== */
[ name="numberlist" ] hr {
    width: 0px;
    padding: 0px;
    margin: 0px 4px;
    border: none;
    /* border-left: solid 1px #ccc; */
}

/* ==== ページ内検索｜結果ハイライト ==== */
.numberlist-result { background: #ffff00; cursor: pointer; }
.numberlist-result.current { background: #f99; }

/* offsetTop の計算をこの要素内で完結させる ; この要素の外側へのレイアウト影響を遮断する（最新ブラウザで有効） */
#findtable,#findtable2 { position: relative; }



/* SP設定 */
@media screen and (max-width: 1024px) {
    [ name="numberlist" ] [ name="counter" ] {width: 30px;}
}

@media screen and (max-width: 767px) {
    /* ==== ページ内検索｜フォーム ==== */
    [ name="numberlist" ] {margin-right: 55px; margin-bottom: 10px;}
    [ name="numberlist" ] [ name="keyword" ] {width: auto;}

}