// 検索結果ページ
// ver1.1.0

#custom-search-widget > h3 {
  @extend .entry-title;
  font-size: 1.6rem;
  padding-bottom: 1rem !important;
  margin-bottom: 0rem;
}
div#search-wrapper {
  div.container {
    div.row {
      div.content-area {
        main.site-main {
          color: #666;
          div.page-search-head {
            border-bottom: 1px solid $color-blue-main;
            margin-top: 0.5rem;
            div {
              .search-words-highlight {
                color: $color-blue-main;
                font-size: 2rem;
                font-weight: bold;
                margin-top: -8px;
              }
              .checked-terms {
                font-weight: bold;
              }
              span {
                font-size: 13px;
              }
            }
            select#safse-sort-select-1 {
              border: 1px solid $color-blue-main;
              color: #666;
            }
          }
          div.wrap-search-contents {
            min-height: 50rem;
          }
        }
      }
      #custom-search-widget {
        margin-bottom: 3rem;
      }
    }
  }
}

.wrap-products__search {
  width: 23%;
  @media ( max-width: 425px ){ 
    width: 50% !important;
  }
  padding: 0.5rem;
  article {
    a {
      color: #666;
      font-size: 13px;
      div.wrap-image-prod {
        img { min-width: 100%; }
        border: 1px solid $color-blue-main;
        width: 97%!important;
        @media ( max-width: 414px ){ 
          width: 86% !important;
        }
      }
    }
  }
}

// Checkbox.
// includes for IE, FireFox
div.safse-terms-wrap {
  label.safse-term-label {
    position: relative;
    vertical-align: top; // need !!
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    padding-left: 31.4px!important;
    // padding-top: 0px!important;
    // padding-bottom: 0px!important;
    
    &::before {
      position: absolute;
      content: '';
      top: 9.4px;
      left: 6.4px;
      width: 20px;
      height: 20px;
      border: 1px solid #999;
      background: #fff;
    }
    &::after {
      z-index: 1;
      content: '';
      position: absolute;
      top: 19.4px;
      left: 13.4px;
      display: block;
      margin-top: -8px;
      width: 7px;
      height: 14px;
      border-right: 3px solid #06c;
      border-bottom: 3px solid #06c;
      transform: rotate(40deg);
    }
    input[type="checkbox"].safse-term-checkbox { // 蓋
      cursor: pointer;
      z-index: 2;
      -webkit-appearance: none!important;
      -ms-appearance: none;
      -moz-appearance: none;
      appearance: none;
      &::-ms-check { // need !!
        display: none;
      }
      border: 0;
      border-radius: 0;
      outline: 0;
      position: absolute;
      left: 7.4px;
      top: 10.4px;
      width: 18px;
      height: 18px;
      display: inline-block;
      background-color: #fff;
      &:focus {
        box-shadow: 0 0 0 .25rem #cce6ff !important;
        outline: 1px solid #999!important;
      }
      &:active {
        background-color: transparent;
        box-shadow: 0 0 0 .25rem #cce6ff !important;
        outline: 1px solid #999!important;
      }
      &:checked {
        background-color: transparent;
        transition: none;
        outline: 1px solid #999!important;
      }
    }
  }
}
body.l-ios {
  div.safse-terms-wrap {
    label.safse-term-label {
      input[type="checkbox"].safse-term-checkbox {
        // for iOS
        -webkit-appearance: none!important;
        border: 0;
        border-radius: 0!important;
        &:focus {
          background-color: #fff!important;
        }
        &:active {
          background-color: #fff!important;
        }
        &:checked {
          background-color: transparent!important;
        }
      }
    }
  }
}