/* 元からあったcss */
.category_desc img {
  max-width: 100%;
  width: inherit;
  height: auto;
}
.category_desc_2 {
  padding-top: 2em;
}

/* sub category & sub group */
#w_S_size .grp_lst_img {
  display: none;
}
#w_S_size .grp_lst {
  /*border-bottom: 1px solid #aaa;*/
    margin-bottom: 1.5em;
}
  #w_S_size .grp_lst_unit {
    border-bottom: 1px solid #aaa;
    line-height: 2.2;
    font-size: 92.307%;
  }
  #w_S_size .half_navi .grp_lst_unit {
      width: 49%;
      float: left;
      margin-right: 1%;
}
  #w_S_size .grp_lst_unit a {
    display: block;
    padding: .5em 0;
    color: #444;
    text-decoration: none;
  }

.w_M_size .grp_lst {
  position: relative;
  clear: both;
  margin-left: -3.397%;
  padding-top: 2em;
}
.w_M_size .grp_lst_unit {
  float: left;
  margin-bottom: 15px;
  margin-left: 3.285%;
  width: 30%;
  word-break: break-all;
}
  .w_M_size .grp_lst_unit a {
    display: block;
    padding: .5em;
    background-color: #f1f1f1;
    color: #000;
    text-decoration: none;
  }
  .w_M_size .grp_lst_unit a:hover {
    text-decoration: underline;
  }
  .w_M_size .grp_lst_img {
    display: block;
    margin: 0 auto .5em;
    max-width: 100%;
    height: inherit;
  }

.w_L_size .grp_lst {
  margin-left: -2.174%;
}
.w_L_size .grp_lst_unit {
  margin-left: 1.595%;
  width: 23.404%;
}

.w_LL_size .grp_lst {
  margin-left: -2.127%;
}
.w_LL_size .grp_lst_unit {
  margin-left: 2.083%;
  width: 17.916%;
}

/* 検索ボックス */
.prd_lst_h2{
  display:none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.1em;
  margin-top: 1.5em;
  margin-bottom: 2em;
  color: #444;
  font-weight: bold;
  font-size: 124%;
}
.search-nav{
  display:none; /*grid*/
  grid-template-columns: repeat(auto-fill, minmax(200px, 220.4px));
  gap: 2.1%;
  margin-left: -1.115px;
}
.simple-link{
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap:8px;
  padding:0 12px;
  width:100%;
  height:30px;
  box-sizing:border-box;
  color: #000;
  background-color: #f1f1f1;
  text-decoration: none;
}
.u-link{
  display:block;
  width: 100%;
  box-sizing:border-box;
  flex-basis:220px;
  color:#000;
  text-decoration:none;
  padding:6px 8px;
  transition:color .18s ease, background-color .18s ease, text-decoration-color .18s ease;
}
.dropdown{ position:relative; }
.dropdown-btn{
  width:100%;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 12px;
  box-sizing: border-box;
  background:#fff;
  border:1px solid #fff;
  background-color: #f1f1f1;
  cursor:pointer;
  transition:color .18s ease, background-color .18s ease, border-color .18s ease;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
}
/*検索ボタン横の三角マーク*/
.dropdown-btn::after{
  content:"";
  display:inline-block;
  width:24px;
  height:24px;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center right;
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'>\
<path d='M7 9l5 5 5-5z'/>\
</svg>");
}

.dropdown-menu{
  display:none;
  position:absolute;
  top:100%; left:0;
  box-sizing: border-box;
  min-width:100%;
  margin:0;
  padding:6px 0;
  border-top:none;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  z-index:20;
  background-color: #fff;
}
.dropdown-menu li{ list-style:none; }
.dropdown-menu a{
  display:block;
  padding:8px 14px;
  color:#000;
}
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.simple-link:hover,
.simple-link:focus{
  color:#000;
  background-color:#E4E4E4;
  text-decoration:none;
}
.u-link:hover,
.u-link:focus,
.simple-link:hover,
.simple-link:focus{
  color:#000;
  background-color:#E4E4E4;
  text-decoration:none;
}

/* PC：hoverで表示 */
@media (hover: hover){
  .dropdown:hover .dropdown-menu{ display:block; }
}

/* スマホ：タップで表示（フォーカス維持） */
.dropdown:focus-within .dropdown-menu{ display:block; }

/* スマホ最適化 */
@media (max-width:600px){
  .search-nav{ flex-direction:column; align-items:stretch; gap:12px; }
  .dropdown-btn, .simple-link{ width:100%; display:flex; justify-content:space-between; }
  .dropdown-menu{ min-width:100%; }
}