/**
 * sobagni_novelty_site - ノベルティ商品一覧（検索画面）のスタイル
 * カテゴリ・シーン・価格フィルタのレイアウト
 */
/**
 * ノベルティサイトアドオンの共通スタイル（フロントの全画面で読み込み）
 * 各画面のルートにベースフォントサイズを指定
 */
body,
p,
div,
li,
a,
.ty-btn {
  font-size: 16px !important;
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea,
select {
  font-size: 16px !important;
}
#sn-validation-errors .ty-messages,
#sn-validation-errors .ty-messages__item-text {
  font-family: inherit;
}
/* フィルタドロップダウンを横並びに維持（SP含む・絞り込み後も維持） */
.ty-sort-container.cm-pagination-container,
#pagination_contents .ty-sort-container.cm-pagination-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  flex-direction: row !important;
}
.ty-sort-container.cm-pagination-container .ty-sort-dropdown,
#pagination_contents .ty-sort-container.cm-pagination-container .ty-sort-dropdown {
  flex-shrink: 0 !important;
  min-width: fit-content;
}
@media (max-width: 767px) {
  .ty-sort-container.cm-pagination-container,
  #pagination_contents .ty-sort-container.cm-pagination-container {
    flex-wrap: nowrap !important;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5px;
    flex-direction: row !important;
    position: relative;
    z-index: 20;
  }
  .ty-sort-container.cm-pagination-container .ty-sort-dropdown,
  #pagination_contents .ty-sort-container.cm-pagination-container .ty-sort-dropdown,
  .ty-sort-container.cm-pagination-container .ty-sort-dropdown a,
  #pagination_contents .ty-sort-container.cm-pagination-container .ty-sort-dropdown a,
  .ty-sort-container.cm-pagination-container .ty-sort-dropdown li,
  #pagination_contents .ty-sort-container.cm-pagination-container .ty-sort-dropdown li {
    font-size: 12px !important;
  }
  .ty-sort-container.cm-pagination-container .ty-sort-dropdown,
  #pagination_contents .ty-sort-container.cm-pagination-container .ty-sort-dropdown {
    flex-shrink: 0 !important;
    min-width: fit-content;
    position: relative;
  }
  .ty-sort-container.cm-pagination-container .ty-sort-dropdown__content,
  #pagination_contents .ty-sort-container.cm-pagination-container .ty-sort-dropdown__content,
  .ty-sort-container.cm-pagination-container .ty-sort-dropdown .cm-popup-box,
  #pagination_contents .ty-sort-container.cm-pagination-container .ty-sort-dropdown .cm-popup-box {
    z-index: 100;
  }
}