﻿@charset "UTF-8";

:root {
  /* 各レイアウト用要素幅 */
  --responsive-usr-ranking-r--item-width: 295px;
  --responsive-usr-thumbnail-t--item-width: 245px;
}

@media screen and (min-width: 1033px) {
  body {
    min-width: unset;
    padding-top: var(--header-height-pc);
    font-size: 15px;
  }

  h1,
  .h1 {
    margin: 80px 0 40px;
    padding: 0;
    font-size: 34px;
    font-weight: normal;
  }

  h2,
  .h2 {
    margin: 0 0 40px;
    padding: 0 0 9px;
    font-size: 20px;
    font-weight: 500;
  }

  .fieldset-vertical .form-group {
    flex-wrap: wrap;
    border: 0;
  }

  .fieldset-vertical .form-label {
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    font-size: 15px;
    background: none;
  }

  .fieldset-vertical .form-control {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  div.fieldset-vertical div.form-group div.form-control select[class*="-yy"] {
    width: 105px;
  }

  div.fieldset-vertical div.form-group div.form-control select[class*="-dd"] {
    margin-left: 0;
  }

  div.fieldset-vertical div.form-group div.form-control input[name="last_sdt"] {
    width: 250px;
    margin-right: 8px;
  }

  div.fieldset-vertical div.form-group div.form-control .block-search-goods--from-dt,
  div.fieldset-vertical div.form-group div.form-control .block-search-goods--to-dt {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

  .block-search-goods .action-buttons {
    justify-content: flex-start;
  }

  .action-buttons {
    margin: 0;
  }

  .action .btn {
    padding: 11px 8px;
  }

  input[type="checkbox"] {
    width: 21px;
    height: 21px;
    margin-right: 8px;
  }

  input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"], input[type="url"], input[type="number"], select, textarea {
    padding: 16px 19px;
    border: 1px solid #CCC;
    border-radius: 8px;
    background-color: #fff;
  }

  select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 52px;
    background: #FFF url(../../img/usr/common/ico_cursor_bottom.png) center right 20px / 11.5px auto no-repeat;
  }

  .pager {
    margin: 80px 0 0;
    padding: 80px 0 0;
    display: flex;
    align-items: center;
  }

  .pager .pager-total {
    margin: 0 auto 0 0;
  }

  .pager .pagination-wrap {
    display: flex;
    justify-content: center;
  }

  .alert {
    margin: 32px 0;
  }
}
