@charset "UTF-8";
.customer-all {
    padding-top: 80px;
    /*background-image: url(/retro/wp-content/themes/twentytwentythree-child/images/retro_bk_ptn.webp);
    background-repeat: repeat;*/
}

.customer-card {
    max-width: 100%;
    height: 393px;
    box-sizing: border-box;
    /* padding: 10px; */
  }

 .customer-card img {
    width: auto;
    height: 150px;
    margin: 0 auto;
 }

 .customer-all .card-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px, 1fr)); /* カラム数と最小幅を指定 */
    grid-gap: 10px;
    /* justify-items: start; カードを左寄せに配置する */
  }

  /*-------------- archive-shop.php---------------------- */

  /*
  .price-list input {
  border: 1px solid #3492D1;
}
*/

.shop_filter {
  position: relative;
}

.shop_filter::before,
.shop_filter::after {
  position: absolute;
  content: '';
  pointer-events: none;
}

.shop_filter::before {
  right: 0;
  display: inline-block;
  width: 2.8em;
  height: 2.8em;
  border-radius: 0 3px 3px 0;
  background-color: #5cbaac;
  content: '';
}

.shop_filter::after {
  position: absolute;
  top: 50%;
  right: 1.4em;
  transform: translate(50%, -50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: '';
}

.shop_filter select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 230px;
  height: 2.8em;
  padding: .4em 3.6em .4em .8em;
  border: 2px solid #5cbaac;
  border-radius: 3px;
  color: #333333;
  font-size: 1em;
  cursor: pointer;
}

.shop_filter select:focus {
  outline: 1px solid #5cbaac;
}

.shop_search{
  text-align: center;
  width:80px;
  padding:6px;
  background-color: #dbe2e9;
  border: 2px solid #646668;
  margin-left:10px;
  border-radius: 3px;
}

.shop_selectbox{
margin-top: 1rem;
}

.no-date-shop{
text-align: center;
padding:3rem;
background-color: #dbe2e9;
}

/*
.form_area{
  display:flex ;
}
*/

.form_area form{
margin-top:20px;
display:flex ;
flex-wrap: wrap; 
}

/*フィルタ表示位置調整_20230627*/
.form_area{
max-width: 1200px;
margin:0 auto;
}

/*ページャー表示位置調整_20230627*/
.pager-style{
  max-width: 1200px;
  margin:0 auto;
}

/* スマートフォン向けスタイル */

@media screen and (max-width: 787px) {
  
  .shop_filter::before {
    width: 2.6em;
    height: 2.6em;
  }

  .shop_filter::after {
    right: 1.3em;
    width: 5px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
  }

  .shop_filter select {
    min-width: 150px;
    height: 2.9em;
    padding: .3em 2.6em .3em .6em;
    font-size: 0.9em;
  }

  /*
  .shop_search{
    text-align: center;
    width:80px;
    padding:6px;
    background-color: #dbe2e9;
    border: 2px solid #646668;
    margin-top:10px; 
    margin-left: 0;
    border-radius: 3px;
  }
*/

  /*
  .form_area .shop_search{
   text-align: center;
    margin-top:30px;
    }
*/

}

/*ボタン表示位置調整のため以下追加20230626*/
@media screen and (max-width: 490px) {

  .shop_filter::before {
    width: 2.6em;
    height: 2.6em;
  }

  .shop_filter::after {
    right: 1.3em;
    width: 5px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
  }

  .shop_filter select {
    min-width: 150px;
    max-width: 300px;   /*kaguサイトでブランド名が長いため追加　2024/05/28 by sunahara*/
    height: 2.9em;
    padding: .3em 2.6em .3em .6em;
    font-size: 0.9em;
    margin-right: 10px;
  }

  .shop_search{
    text-align: center;
    width:80px;
    padding:6px;
    background-color: #dbe2e9;
    border: 2px solid #646668;
  /*  margin-top:10px;                検索ボタンの上部をそろえるため 24/01/09 by akiho */ 
    margin-left: 0;
    border-radius: 3px;
  }

}