/*検索フォーム*/
.search-box {
  padding: 20px;
  background-color: #efefef;
}
.search-box > div {
  width: 75%;
  margin: 0 auto;
}

.search-box .inputtext {
  display: block;
  width: 95%;
  height: 30px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.search-box .radio {
  padding-left: 5px;
}

.search-box .radio label h3 , .ctgr-sbmt h3{
  background-color: #555;
  color: #fff;
  font-weight: bold;
  padding: 3px;
  cursor: default;
}
.search-box .radio label {
  width: fit-content;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
.search-box .radio input {
  margin: 0 3px 4px 0;
}

.search-box .drawer-select1 {
  margin-left: 0;
}

.search-box input[type="submit"] {
  font-weight: bold;
  background-color: #bf0000;
  border: 1px solid #ccc;
  padding: 5px;
  color: #fff;
  border-radius: 3px;
}
.search-box .ctgr-sbmt {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

input.hidden {
  display: none;
}
#wrapper .search-box .wordlist li {
  display: inline-block;
  margin: 5px 5px 0;
}

#wrapper .search-box .wordlist li a {
  display: block;
  padding: 3px 5px;
  background-color: #555;
  color: #fff;
}

.multi {
  background: linear-gradient(138deg, #e60000, #e60000,#f39800,#fff100,#009944,#0068b7,#1d2088,#920783);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* tag */
#contents .item-tag-list {
  width: 100%;
  vertical-align: middle;
}
#contents .item-tag-list a:hover {
  text-decoration: none;
}
#contents .item-tag-list a {
  display: inline-block;
  font-size: 12px;
  padding: 3px;
  text-decoration: none;
  border-radius: 4px;
  transition: .3s;
  border: 1px solid #72AAE4;
  color: #fff;
  background: #72AAE4;
}
#contents .item-tag-list a:hover {
  background: #fff;
  color: #2e6fb2;
}
#contents .item-tag-list li {
  float: left;
  margin: 5px 10px 0 0;
}
#contents .item-tag-list h6 {
  font-size: 14px;
  font-weight: bold;
}
#contents .item-tag-list u {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .search-box {
    padding: 10px;
  }
  .search-box > div {
    width: auto;
  }

  .search-box .radio {
    padding-left: 0;
  }
  .mar_l_0-pad {
    margin-left: 0;
  }

  #contents .item-tag-list li {
    float: left;
    margin: 3px 5px 0 0;
  }
}



/* グループページ　category-list */
.category-list {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  -ms-flex-wrap: wrap; /*IE10*/
  -webkit-flex-wrap: wrap; /* Safari6.1以降 */
}
.category-list li {
  padding-top: 10px;
  list-style-type: none;
	width: calc((100% - 45px) / 4);
	margin: 0 14.9px 20px 0;
}
.category-list > li:nth-child(4n) {
  margin: 0 0 15px 0;
}

.category-list h3,
.category-list p {
  text-align: left;
}

/*商品BOX*/
li.productlist-unit {
  width: 33.2%;
  margin-bottom: 18px;
  padding: 0 1%;
}


@media only screen and (max-width:480px) {
  .category-list > li{
      list-style-type: none;
      width: calc((100% - 15px) / 2);
      margin: 0 14.9px 15px 0;
  }
  .category-list > li:nth-child(2n) {margin-right: 0;}

  li.productlist-unit {
    width: 49.5%;
  }
}

/*見出し*/
.midashi-search {
  font-weight: bold;
  font-size: 18px;
  padding: 0.3em 0.8em;
  margin-bottom: 10px;
  line-height: 1.5;
  border-bottom: #bbb 2px solid;
}



/* その他は共通へ */
.tbl-b th {
  font-weight: bold;
  background: #F9F9F9;
}
.tbl-b td {
  background: #fff;
}



/* ページャー　ページネーション */
.pagination {
  text-align: center;
}
.pagination a {
  border: 1px solid #ddd;
  padding: 8px 12px;
  margin: 0 4px;
}

.pagination__current {
  border: 1px solid #ddd;
  padding: 8px 12px;
  margin: 0 4px;
  background: #efefef;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  a.pagination__next {
    margin-top: 20px;
    clear: both;
    display: block;
    float: none;
  }
  a.pagination__prev {
    clear: both;
    margin-bottom: 20px;
    display: block;
    float: none;
  }
}


/*下部　カテゴリーメニューリスト*/
.search-nav .search-nav-title  {
  position: relative;
  cursor: pointer;
  padding: 0.3em 2em 0.3em 0.8em;
}

.search-nav .search-nav-title::after  {
  content: "\2b";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  color: #bbb;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.search-nav .active.search-nav-title::after  {
  content: "\f068";
}
.search-nav .link-list {
  display: none;
}
.link-list li {
  display: inline-block;
  margin: 0 5px 10px 0;
}

#contents .link-list li a {
  display: block;
  background-color: #fff;
  border: #555 1px solid;
  color: #555;
  padding: 3px;
  font-size: 12px;
  transition: 0.5s;
}

#contents .link-list li a:hover , #contents .link-list li a:active , #contents .link-list li a:focus {
  background-color: #555;
  color: #fff;
  text-decoration: none;
  transition: 0.5s;
}