<style>
.p-sub-category {
  margin: 30px 10px;
  padding: 0;
  list-style-type: none;
}

.p-sub-category::after {
  display: block;
  clear: both;
  content: '';
}

.p-sub-category__item {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding: 10px 5px;
}

.p-sub-category__image {
  display: block;
  margin-bottom: 10px;
}

.p-sub-category__link {
  display: block;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
}

.p-sub-category__link:hover {
  opacity: .66;
}

.p-sub-category__link:active {
  opacity: 1;
}

.p-sub-category__name {
  line-height: 1.3;
  position: relative;
  display: block;
  padding-left: .8em;
}

.p-sub-category__name::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '-';
}

@media screen and (min-width: 600px) {
  .p-sub-category {
    margin-right: 0;
    margin-left: 0;
  }

  .p-sub-category__item {
    width: 25%;
    padding: 15px 10px;
  }

  .p-sub-category__item:nth-child(4n + 1) {
    clear: both;
  }
}

@media screen and (max-width: 599px) {
  .p-sub-category__item:nth-child(2n + 1) {
    clear: both;
  }
}
div.cat-header {
    position: relative;
}
h2.c-section__heading_view {
  position: absolute;
  left: 50%;
  top: 50%;  
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-100%);
  color: #ffffff;
}
div.c-section__heading--sub-title_view {
text-shadow: 0 0 .7em rgba(102, 102, 102, 1);
  letter-spacing: .1em;
  text-align: center;
  font-size: 48px;
}
@media screen and (max-width: 481px){
div.c-section__heading--sub-title_view {
  font-size: 20px;
  }
h2.c-section__heading_view {
      top: 45%;  
}
}

div.c-section__heading--sub-title {
  display: none;
} 



/*-------------------------------
カテゴリランキング 2025.1.28
-------------------------------*/
.category_ranking{margin: 60px 0;}
.category_ranking h2.ttl{text-align: center;font-size: 26px;margin-bottom: 30px;font-weight: bold}
.category_ranking .item_flex{display: flex;justify-content:center;flex-wrap: wrap;column-gap: 5%;}
.category_ranking .item_flex .item{width: 30% ;margin-bottom: 40px}
.category_ranking a{color: #333}
.category_ranking a:hover{opacity: 0.7}
.category_ranking p{margin: 0;}
.category_ranking .no{text-align: center;font-size: 20px; font-weight: bold;width: 70%;margin: 0 auto}
.category_ranking .img{margin: 20px 0}
.category_ranking .price{margin-top: 10px;text-align: right}

@media (max-width: 767px) { 
.category_ranking h2.ttl{font-size: 22px;}
.category_ranking .no{font-size: 18px;}
.category_ranking .img{margin: 10px 0}
.category_ranking .item_flex{flex-wrap: nowrap;overflow-x:scroll;column-gap: 10px;justify-content: space-between}
.category_ranking .item_flex .item{flex-shrink:0;width: 41.5% }
.category_ranking .indent{padding: 0 10px}
.category_ranking .name,
.category_ranking .price{font-size: 11px}
.category_ranking .price{margin-top: 0px;margin-bottom: 20px}
}


/*-------------------------------
カテゴリナビとインフォ 2025.6.11
-------------------------------*/
.cate_info_nav{margin: 100px 0 60px;}
.cate_info_nav p,
.cate_info_nav h3,
.cate_info_nav h4,
.cate_info_nav h5{margin-top: 0;margin-bottom: 0}
.cate_info_nav h3{text-align: center;font-size: 26px;margin-bottom: 10px}
.cate_info_nav .read{font-size: 13px;margin-bottom: 20px;text-align: center}
.cate_info_nav .pc_only{display: block}
.cate_info_nav .sp_only{display: none}
@media (max-width: 767px) { 
  .cate_info_nav{margin: 40px 0 60px;}
.cate_info_nav h3{font-size: 17px;}
.cate_info_nav .read{text-align: left}
.cate_info_nav .pc_only{display: none}
.cate_info_nav .sp_only{display: block}
}

.cate_info_nav .flex_box{display: flex;justify-content: space-between}
.cate_info_nav .flex_box .box{width: 49%;}
@media (max-width: 767px) { 
.cate_info_nav .flex_box{display: block;}
.cate_info_nav .flex_box .box{width: 100%;margin-bottom: 20px}
}

.cate_info_nav .box{padding: 20px 35px}
.cate_info_nav .box h4{text-align:center;font-weight: bold;font-size: 24px; margin-bottom: 5px}
.cate_info_nav .box h5{background: #ccc;color: #fff;padding: 8px 0;text-align: center;margin-bottom: 20px;font-size: 20px;font-weight: bold}
.cate_info_nav .box h5 .mini{font-size: 15px}
.cate_info_nav .box .name {text-align: center;margin-bottom: 10px;font-size: 22px;font-weight: bold}
.cate_info_nav .box .name span{border: 1px solid #317AC3;color: #317AC3;font-size: 18px;padding: 2px 5px;margin-right: 10px;vertical-align: middle}
.cate_info_nav .box .name .mini{font-weight: normal;font-size: 15px;margin-top: 10px}
@media (max-width: 767px) { 
.cate_info_nav .box{padding: 20px 10px}
}

.cate_info_nav .box.red{border: 2px solid #CC5A30}
.cate_info_nav .box.red h4{color: #CC5A30}
.cate_info_nav .box.red h5{background-color: #CC5A30}
.cate_info_nav .box.green{border: 2px solid #539D2C}
.cate_info_nav .box.green h4{color: #539D2C}
.cate_info_nav .box.green h5{background-color: #539D2C}

.cate_info_nav .box .flex_h5{position: relative;}
.cate_info_nav .box .flex_h5 .mini{position: absolute;right: 1%;top: 14px}
.cate_info_nav .box .flex_name{display: flex;justify-content:center;column-gap: 2%;align-items: center;margin-bottom: 15px}
.cate_info_nav .box .flex_name .mini{margin-top: 0}
.cate_info_nav .box .flex_bnr{display: flex;justify-content:space-between;column-gap: 2%;width: 95%;margin: 0 auto}
@media (max-width: 767px) { 
.cate_info_nav .box .flex_h5{position:static;}
.cate_info_nav .box .flex_h5 .mini{position: static;}
.cate_info_nav .box .flex_name{display: block;margin-bottom: 10px}
.cate_info_nav .box .flex_name .mini{margin-top: 10px}
.cate_info_nav .box .flex_bnr{display: block;width: 100%;margin: 0 auto}
.cate_info_nav .box .flex_bnr p{margin-bottom: 10px}
.cate_info_nav .box .flex_bnr p:nth-child(2){margin-bottom: 0}
}

</style>