@charset "utf-8";
/* CSS Document */

/* 共通 */
.awoo-wrapper .awoo-tag-wrapper,
#awoo-category-page .suggestion-tag-list-container-v2{
  gap: 0.75rem;
}
.awoo-wrapper h3,
.awoo-wrapper .popular-tags-title{
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 2;
  color: #323232;
}
.awoo-wrapper .awoo-tag-wrapper a,
#awoo-category-page .suggestion-tag-list-container-v2 a{
  padding: 1rem;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #323232;
  border: none;
  border-radius: 1.375rem;
  background: #cdcdcd;
}
.awoo-wrapper .awoo-tag-wrapper a:hover,
#awoo-category-page .suggestion-tag-list-container-v2 a:hover{
  color: #fff;
  background: #323232;
}

/* トップページ */
#awoo-wrapper-top {
  margin-bottom: 4rem;
}
#awoo-wrapper-top .popular-tags-wrapper{
  padding: 0;
  background: none;
}

/* カテゴリページ */
#awoo-wrapper-category{
  margin-bottom: 4rem;
}

/* 検索結果 */
#awoo-wrapper-search{
  margin-bottom: 3rem;
}
.fs-body-search #awoo-wrapper-search{
  position: relative;
    top: -24px;
  margin-bottom: 1.5rem;
}
#awoo-wrapper-search:has(#awoo-classify > div:empty){
  display: none;
}
#awoo-wrapper-search h3{
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
#awoo-wrapper-search .awoo-tag-wrapper a{
  padding: 0.75rem;
  line-height: 0.75rem;
  line-height:1.25rem;
}

/* 商品詳細 */
#awoo-wrapper-details{
  width: 100%;
    max-width: calc(1200px + 4rem);
  margin: auto;
  padding: 2rem;
  box-sizing: border-box;
}
#awoo-wrapper-details:has(#awoo-product-tags > div:empty){
  display: none;
}

@media only screen and (max-width: 767px){

/* 共通 */
.awoo-wrapper .awoo-tag-wrapper,
#awoo-category-page .suggestion-tag-list-container-v2{
  gap: 0.625rem;
}
.awoo-wrapper h3,
.awoo-wrapper .popular-tags-title{
  font-size: 1rem;
}
.awoo-wrapper .awoo-tag-wrapper a,
#awoo-category-page .suggestion-tag-list-container-v2 a{
  padding: 0.625rem;
  font-size: 0.625rem;
  border-radius: 1rem;
}

/* トップページ */
#awoo-wrapper-top{
  margin:1rem auto 2rem;
}

/* カテゴリページ */
#awoo-wrapper-category{
  margin: 1rem auto 2rem;
}

/* 検索結果 */
#awoo-wrapper-search{
  position: inherit !important;
  margin-bottom: 1.5rem;
}
#awoo-wrapper-search h3{
  font-size: 0.875rem; 
}
#awoo-wrapper-search .awoo-tag-wrapper a{
  padding: 0.75rem;
  line-height: 0.75rem;
  line-height:1.25rem;
}

/* 商品詳細 */
#awoo-wrapper-details{
  padding: 1rem 0.75rem 0;
}

}


/* awooページ------------------------------ */

main.fs-l-main{
  display: grid;
  grid-template-columns: 18rem 1fr;
}
.side_navi_box{
  padding-right: 3rem;
}

/* h1 */
#awoo-category-page > h1{
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 900;
  color: #323232;
}

/* .control-wrapper-v2（おすすめタグ・並び替え・件数） */
#awoo-category-page > .control-wrapper-v2{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#awoo-category-page > .control-wrapper-v2 .suggestion-tag-block-v2{
  grid-column: 1 / 3
}
#awoo-category-page > .control-wrapper-v2 .suggestion-tag-dropdown-v2{
  display: none;
}
#awoo-category-page > .control-wrapper-v2 .suggestion-tag-list-container-v2{
  margin: 0;
  padding: 0;
  box-shadow: none;
}
@media only screen and (min-width: 768px){
  #awoo-category-page > .control-wrapper-v2 .suggestion-tag-list-container-v2{ display: flex!important; }
}
#awoo-category-page > .control-wrapper-v2 .right-block-v2{
  margin: 1rem 0;
  justify-content: flex-start;
}
#awoo-category-page > .control-wrapper-v2 .right-block-v2 > div:nth-child(2){
  display: none;
}
#awoo-category-page > .control-wrapper-v2 .awoo-category-page-total{
  display: block;
  margin: 1rem 0;
  font-size: 0.875rem;
  text-align: right;
}

/* .products-wrapper-v2（商品リスト） */
#awoo-category-page > .products-wrapper-v2{
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-bottom: 3rem;
}
#awoo-category-page > .products-wrapper-v2 .out-of-stock{
  font-size: 0.75rem;
  line-height: 1.5rem;
  color: #f00;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid #f00;
  box-sizing: border-box;
}
#awoo-category-page > .products-wrapper-v2 .product-detail-wrapper{
  padding: 0;
}
#awoo-category-page > .products-wrapper-v2 .product-detail-wrapper .product__name{
  height: 3rem;
  font-size: 0.75rem;
  line-height: 1.5rem;
  text-align: center;
  letter-spacing: 0.05rem; 
  text-decoration: none!important;
}
#awoo-category-page > .products-wrapper-v2 .product-detail-wrapper .product__price{
  justify-content: center;
  margin: 0;
}
#awoo-category-page > .products-wrapper-v2 .product-detail-wrapper .product__price .product-price{
  font-size: 1.1rem;
  color: #323232;
}
#awoo-category-page > .products-wrapper-v2 .product-detail-wrapper .product__price .product-price::after{
  content: '円';
  display: inline;
  font-size: 1.1rem;
  color: #323232;
}
#awoo-category-page > .products-wrapper-v2 .product-detail-wrapper .product__price .product-price span{
  display: none;
}

/* .pagination-wrapper-v2（ページャー） */
#awoo-category-page > .pagination-wrapper-v2{
  display: flex;
  justify-content: flex-end;
}
#awoo-category-page .awoo-pagination{
  grid-gap: 0.5rem;
  margin-left: 1rem;
}
#awoo-category-page .awoo-pagination li{
  width: auto;
  height: 1.875rem;
}
#awoo-category-page .awoo-pagination li a{
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0;
}
#awoo-category-page .awoo-pagination li:not([class]) a,
#awoo-category-page .awoo-pagination li.break a{
  color: #9b9b9b;
  border: 1px solid #9b9b9b;
}
#awoo-category-page .awoo-pagination li:not([class]) a:hover{
  color: #323232
}
#awoo-category-page .awoo-pagination li.selected a{
  background: #ffa000;
  cursor: initial;
}
#awoo-category-page .awoo-pagination li.previous a,
#awoo-category-page .awoo-pagination li.next a{
  width: 2.5rem;
  color: #fff;
  background: #323232;
}
#awoo-category-page .awoo-pagination li.previous a:hover,
#awoo-category-page .awoo-pagination li.next a:hover {
  opacity: 0.8;
}

/* ページ下部 */
#fs_CustomPage .fs-l-main +.brand_list,
#fs_CustomPage .fs-l-main +.brand_list + .category_list {
  max-width: calc(1200px + 4rem);
  margin: auto;
  padding: 2rem;
  box-sizing: border-box;
}


/* SP */
@media only screen and (max-width: 767px){

main.fs-l-main{
  grid-template-columns: 100%;
}

/* h1 */
#awoo-category-page > h1 {
  margin: 1.5rem 0 0;
  font-size: 1rem;
}

/* .control-wrapper-v2（おすすめタグ・並び替え・件数） */
#awoo-category-page > .control-wrapper-v2 .suggestion-tag-block-v2{
  order: inherit;
}
#awoo-category-page > .control-wrapper-v2 .suggestion-tag-dropdown-v2{
  display: flex;
  grid-template-columns: 1fr 2rem;
  padding: 1rem 0;
  color: #ffb400;
  border: none;
}
#awoo-category-page > .control-wrapper-v2 .suggestion-tag-dropdown-v2 .suggestion-tag-title-v2::before{
  content: '＋';
}
#awoo-category-page > .control-wrapper-v2 .suggestion-tag-dropdown-v2 svg{
  display: none;
}
#awoo-category-page > .control-wrapper-v2 .suggestion-tag-list-container-v2{
  margin: 0.5rem 0 2rem;
}
#awoo-category-page > .control-wrapper-v2 .awoo-category-page-total {
  font-size: 0.875rem;
}

/* .products-wrapper-v2（商品リスト） */
#awoo-category-page > .products-wrapper-v2{
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin: 0;
}
#awoo-category-page > .products-wrapper-v2 .product-block-v2{
  padding-bottom: 0.625rem;
}
#awoo-category-page > .products-wrapper-v2 .out-of-stock{
  font-size: 0.625rem;
  line-height: 1.25rem;
}
#awoo-category-page > .products-wrapper-v2 .product-detail-wrapper .product__name{
  height: auto;
  font-size: 0.625rem;
  line-height: 1.25rem;
}
#awoo-category-page > .products-wrapper-v2 .product-detail-wrapper .product__price .product-price,
#awoo-category-page > .products-wrapper-v2 .product-detail-wrapper .product__price .product-price::after{
  font-size: 0.75rem;
  line-height: 1.5rem;
}

/* .pagination-wrapper-v2（ページャー） */
#awoo-category-page > .pagination-wrapper-v2{
  justify-content: center;
  margin: 0 auto;
}

/* ページ下部 */
#fs_CustomPage .fs-l-main +.brand_list,
#fs_CustomPage .fs-l-main +.brand_list + .category_list{
  padding: 2rem 0.75rem;
}

}