@charset "UTF-8";

.tsArea {
    position: absolute;
    top: 44px;
    left: 0px;
    z-index:1;
}



ul.TapSuggest,
ul.TapSuggestSide,
ul.TapSuggestMiddle {
    width: 400px;
    background-color: var(--color-white100);
    color: var(--color-black60);
    /*ラベルM*/
    font-family: "Noto Sans JP",sans-serif;
    font-size: var(--label-txtM-size);
    line-height: var(--label-txt-height);
    font-weight: var(--label-txt-weight);
    letter-spacing: var(--label-txt-spacing);
    border-radius: var(--radius-s);
}

ul.TapSuggest li,
ul.TapSuggestSide li,
ul.TapSuggestMiddle li { padding: 0.3em 1.5em 0.3em 1em; cursor: pointer; }


ul.TapSuggest li,
ul.TapSuggestSide li,
ul.TapSuggestMiddle li { position:relative; border: 1px solid var(--color-black30); margin-bottom: -1px;}
ul.TapSuggest li:first-of-type,
ul.TapSuggestSide li:first-of-type,
ul.TapSuggestMiddle li:first-of-type { border-top-left-radius: var(--radius-s); border-top-right-radius: var(--radius-s);}

ul.TapSuggest li:last-of-type,
ul.TapSuggestSide li:last-of-type,
ul.TapSuggestMiddle li:last-of-type { border-bottom-left-radius: var(--radius-s); border-bottom-right-radius: var(--radius-s);}
ul.TapSuggest li:hover,
ul.TapSuggestSide li:hover,
ul.TapSuggestMiddle li:hover { background-color: var(--color-turquoise10); }
ul.TapSuggest li.totch,
ul.TapSuggestSide li.totch,
ul.TapSuggestMiddle li.totch { background-color: var(--color-turquoise10); }

ul.TapSuggest li.TsHistTtlLi:hover,
ul.TapSuggestSide li.TsHistTtlLi:hover,
ul.TapSuggestMiddle li.TsHistTtlLi:hover { background-color: var(--color-white100); cursor: auto; }

.TsHistRow,
.TsTokusyuLink { display: flex; justify-content: space-between; align-items: center;}

.TsHistSerh { max-width: 340px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

li.TsHistTtlLi > .TsHistRow > .TsHistSerhTtl {
    cursor: auto;
    /*本文M*/
    font-size: var(--main-txtM-size);
    line-height: var(--main-txt-height);
    font-weight: var(--main-txt-weight);
    letter-spacing: var(--main-txt-spacing);
    flex: 1;
}

div.TsHistDelTtl a.TsHistAllDelLink,
div.TsHistDelDtl a.TsHistDelLink { color: #0D6295; cursor: pointer; text-decoration: underline; }

div.TsHistDelTtl a.TsHistAllDelLink:hover, 
div.TsHistDelDtl a.TsHistDelLink:hover { color: #f00; text-decoration: underline; }

/*ul.TapSuggest li.TsTokusyuLi a.TsTokusyuLink span.TsTokusyuLbl,
ul.TapSuggestSide li.TsTokusyuLi a.TsTokusyuLink span.TsTokusyuLbl,
ul.TapSuggestMiddle li.TsTokusyuLi a.TsTokusyuLink span.TsTokusyuLbl {
    font-weight: normal;
    font-size: 90%;
    color: #a7a7a7;
}*/

/*ul.TapSuggest:after, ul.TapSuggestSide:after, ul.TapSuggestMiddle:after {content: "";clear: both;display: block;}

ul.TapSuggest li {display: block;position: relative;margin-bottom: -1px;padding: 3px 20px 3px 15px;border: 1px solid #bbb;cursor: pointer;text-align: left;}

ul.TapSuggest li:first-child, 
ul.TapSuggestSide li:first-child, 
ul.TapSuggestMiddle li:first-child {
    margin-top: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

ul.TapSuggest li:last-child, 
ul.TapSuggestSide li:last-child, 
ul.TapSuggestMiddle li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

ul.TapSuggest li.totch, ul.TapSuggestSide li.totch, ul.TapSuggestMiddle li.totch {
    background-color: #e7dfd6;
}


li.TsHistTtlLi { cursor: auto; color: #000; }
 
ul.TapSuggestMiddle li.TsHistTtlLi:hover { background-color: white;}

ul.TapSuggest li.TsTokusyuLi a.TsTokusyuLink, 
ul.TapSuggestSide li.TsTokusyuLi a.TsTokusyuLink, 
ul.TapSuggestMiddle li.TsTokusyuLi a.TsTokusyuLink {
    display: block;
    width: 100%;
    height: 100%;
}

ul.TapSuggest li.TsTokusyuLi a.TsTokusyuLink span.TsTokusyuLbl, 
ul.TapSuggestSide li.TsTokusyuLi a.TsTokusyuLink span.TsTokusyuLbl, 
    ul.TapSuggestMiddle li.TsTokusyuLi a.TsTokusyuLink span.TsTokusyuLbl {
    font-weight: normal;
    font-size: 90%;
    color: #a7a7a7;
}

div.TsHistRow {
    display: table;
    width: 100%;
}

div.TsHistSerh, div.TsHistSerhTtl, div.TsHistDelTtl, div.TsHistDelDtl {
    display: table-cell;
}

div.TsHistDelTtl {
    text-align: right;
    width: 70px;
}

div.TsHistDelDtl {
    text-align: right;
    width: 35px;
}

div.TsHistDelTtl a, div.TsHistDelDtl a {
color: #0D6295;
cursor: pointer;
text-decoration: underline;
}

div.TsHistDelTtl a:hover, div.TsHistDelDtl a:hover {
    color: #f00;
    text-decoration: underline;
}*/
div.tsAreaSide {
    position: relative;
    left: 0px;
    top: -110px;
    z-index: 10000;
    width: 980px !important;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

/*ul.TapSuggestSide li, ul.TapSuggestMiddle li {
    display: block;
    position: relative;
    margin-bottom: -1px !important;
    padding: 3px 20px 3px 15px;
    border: 1px solid #bbb;
    cursor: pointer;
    text-align: left;
}*/

div.tsAreaMiddle {
    position: relative;
    left: -90px;
    top: -20px;
    z-index: 800;
    width: 500px !important;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
ul.TapSuggestMiddle, ul.TapSuggestSide {
    position: absolute;
}