@charset "utf-8";

.category_title {
  color: #fff;
  padding: .1rem;
}

.category_title.appliance {
  background-color: #9f6ea7;
}

.category_title.food {
  background-color: #6ab05c;
}

.category_title.b2b {
  background-color: #0fadca;
}

.category_title.houseware-interior,
.category_title.pet-healthcare-hard-garden {
  background-color: #e88145;
}


.category_subtitle {
  padding: 0 2% 1rem 2%;
  font-weight: bold;
}

.subcategory-box_container *,
.subcategory-box_container *:before,
.subcategory-box_container *:after {
  box-sizing: border-box;
}

.subcategory_box {
  margin-bottom: 2.5rem;
}

.subcategory_title {
  margin-bottom: 1rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: .3rem;
  font-weight: bold;
}

.subcategory_title.appliance {
  border-color: #9f6ea7;
  color: #9f6ea7;
}

.subcategory_title.food {
  border-color: #6ab05c;
  color: #6ab05c;
}

.subcategory_title.b2b {
  border-color: #0fadca;
  color: #0fadca;
}

.subcategory_title.houseware-interior,
.subcategory_title.pet-healthcare-hard-garden {
  border-color: #e88145;
  color: #e88145;
}

.subcategory_title.food {
  border-color: #6ab05c;
  color: #6ab05c;
}

.subcategory_subtitle {
  margin-bottom: 1.5rem;
  font-weight: bold;
  text-align: center;
}


.subcategory_images {}

.subcategory-image_box {
  margin-bottom: 1.5rem;
  /* padding-left: 1%;
    padding-right: 1%; */
}

.subcategory_image {
  padding: .5rem 0;
}

.subcategory-image_box:not(.first) .subcategory-image_caption {}


.subcategory-image-caption_title {
  font-size: 1.1rem;
  text-align: center;
}

.subcategory-image-caption_sentense {
  /* font-size: 0.85rem; */
}

.category_subtitle.appliance,
.subcategory-image-caption_title.appliance {
  color: #9f6ea7;
}

.category_subtitle.food,
.subcategory-image-caption_title.food {
  color: #6ab05c;
}

.category_subtitle.houseware-interior,
.category_subtitle.pet-healthcare-hard-garden,
.subcategory-image-caption_title.houseware-interior,
.subcategory-image-caption_title.pet-healthcare-hard-garden {
  color: #e88145;
}

.category_subtitle.b2b,
.subcategory-image-caption_title.b2b {
  color: #0fadca;
}

/*product-link*/

.products-nav_box {}

.products-nav_list {}

.products-nav_item {
  margin-bottom: .5rem;
}

.products-nav_link {
  border-style: solid;
  border-width: 1.5px;
  border-color: #eee;
  display: block;
  padding: 1rem 0.5rem;
  color: #fff;
  font-family: "Noto Sans Japanese-md";
  transition: all .15s linear;
}

.products-nav_link.b2b {
  color: #0fadca;
  border-color: #0fadca;
}

.products-nav_link:hover.b2b {
  color: #fff;
  background: #0fadca;
}

.products-nav_link.appliance {
  color: #9f6ea7;
  border-color: #9f6ea7;
}

.products-nav_link:hover.appliance {
  color: #fff;
  background: #9f6ea7;
}

.products-nav_link.food {
  color: #6ab05c;
  border-color: #6ab05c;
}

.products-nav_link:hover.food {
  color: #fff;
  background: #6ab05c;
}

.products-nav_link.pet-healthcare-hard-garden,
.products-nav_link.houseware-interior {
  color: #e88145;
  border-color: #e88145;
}

.products-nav_link:hover.pet-healthcare-hard-garden,
.products-nav_link:hover.houseware-interior {
  color: #fff;
  background: #e88145;
}

.products-nav_link.to-index {
  color: #808080;
  border-color: #808080;
}

.products-nav_link.to-index:hover {
  color: #fff;
  background: #808080;
}

.products-nav_link:before {
  content: "\f138";
  font-family: FontAwesome;
  margin-right: 0.5rem;
}


@media screen and (min-width: 769px) {
  .category_subtitle+p {
    padding: 0 1.5rem;
  }

  .subcategory-box_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .subcategory_box {
    flex-shrink: 0;
    width: 100%;
    flex-basis: 100%;
    margin-bottom: 3%;
  }

  .subcategory_box.wide-100 {
    width: 100%;
    flex-basis: 100%;
  }

  .subcategory-images {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .subcategory-image_box {
    width: 100%;
    flex-basis: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .flex-horizontal {
    flex-direction: row;
  }

  .wide-70 {
    width: 70%;
    flex-basis: 70%;
    min-width: 70%;
  }

  .wide-60 {
    width: 60%;
    flex-basis: 60%;
    min-width: 60%;
  }

  .wide-50 {
    width: 50%;
    flex-basis: 50%;
    min-width: 50%;
  }

  .wide-48 {
    width: 48%;
    flex-basis: 48%;
    min-width: 48%;
  }

  .wide-45 {
    width: 45%;
    flex-basis: 45%;
    min-width: 45%;
  }

  .wide-40 {
    width: 40%;
    flex-basis: 40%;
    min-width: 40%;
  }

  .wide-35 {
    width: 35%;
    flex-basis: 35%;
    min-width: 35%;
  }

  .wide-30 {
    width: 30%;
    flex-basis: 30%;
    min-width: 30%;
  }

  .wide-25 {
    width: 25%;
    flex-basis: 25%;
    min-width: 25%;
  }

  .wide-20 {
    width: 20%;
    flex-basis: 20%;
    min-width: 20%;
  }

  .wide-16 {
    width: 16.6666%;
    flex-basis: 16.6666%;
    min-width: 16.6666%;
  }

  .wide-13 {
    width: 13.333%;
    flex-basis: 13.333%;
    min-width: 13.333%;
  }

  .subcategory_image {
    flex-shrink: 0;
    padding: 0 .75rem;
  }

  .subcategory-image_caption {
    flex-shrink: 0;
    flex-shrink: 1;
  }

  .subcategory-image-caption_title {
    margin-bottom: .3rem;
  }

  .subcategory-image-caption_title.align-left {
    text-align: left;
  }

  .subcategory-image-caption_sentense {
    font-size: 100%;
  }

  .products-nav_box {}

  .products-nav_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .products-nav_item {
    width: 49.5%;
    flex-basis: 49.5%;
    min-width: 49.5%;
    margin-bottom: .5rem;
  }
}

@media screen and (min-width: 1029px) {
  .products-nav_item {
    width: 32.5%;
    flex-basis: 32.5%;
    min-width: 32.5%;
  }
}
