/* -----------------------------------------------------------------------------
**
** 検索結果共通CSS PC
**
----------------------------------------------------------------------------- */
/* ** PC用　全般CSS ** */
.TOL-search-result-PC * {
    font-family: "roboto",Noto Sans JP,noto-sans-cjk-jp;
}

/* ** PC用　検索結果欄CSS ** */
.TOL-search-result-PC-block {
    margin: auto;
    padding-top: 20px;
}

/* ** PC用　タブCSS ** */
.TOL-search-result-PC-tab {
    max-width: 1400px;
    margin: auto;
}

/* ** ページャー用CSS ** */
.TOL-search-result-PC-pagination-block {
    max-width: 1400px;
    margin: auto;
}
.TOL-search-result-PC-pagination {
    width: min-content;
    padding: 40px 0;
    margin: auto;
    white-space: nowrap;
}

/* ** 「お探しの商品は見つかりませんでした。」枠用　CSS ** */
.TOL-no-search-results {
    width: 400px;
    margin: auto;
    padding: 120px;
    text-align: center;

}

.TOL-no-search-results-text {
    padding-top: 10px;
}

/* ** 「検索結果：○○件、表示件数、並び替え」枠用　CSS ** */
.TOL-search-result-PC-search-result-line {
    max-width: 1400px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    margin: auto;
}

.TOL-search-result-PC-search-result-number {
    min-width: 132px;
    margin-right: auto;
    margin-left: 12px;
}

.TOL-search-result-PC-search-result-right-display {
    display: flex;
    align-items: center;
    column-gap: 7px;
}

/* 「表示件数、並び替え」ドロップダウン用CSS */
.common-select-box.search-result {
    color: var(--tr-black);
    border: 1.5px solid var(--tr-deep-gray);
    border-radius: 3px;
    padding: 1px 5px 2px 5px;
    text-align: center;
    font-size: 12px;
    width: 100px;
}

.common-select-box.sort-icon {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("https://cdfront.tower.jp/img24/sort_icon.svg");
    background-repeat: no-repeat;
    background-size: 14px auto; 
    background-position: left 4px center; 
    padding-left: 20px;
    width: 80px;
    text-align: left;
}

.common-select-box.search-result option{
    background-color: var(--tr-black);
    color: white;
}