/* Scss Document */
/* hover opacity */
/* hover txt */
.common_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.common_list li {
  display: flex;
  margin: 20px 20px 0px 0;
}

.common_list li a {
  width: 100%;
  transition: .2s;
  box-sizing: border-box;
  display: block;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.3);
  background: #fff;
}

.common_list .common_list_photo {
  margin: 0 0 20px;
}

.common_list .common_list_photo img {
  width: 100%;
}

.common_list .txt_are {
  position: relative;
  padding: 0 20px 20px;
  font-size: 16px;
}

.common_list .txt_are .ppl_icon {
  position: absolute;
  top: -5px;
  right: 20px;
  height: 23px;
}

.common_list .common_list_ttl {
  font-weight: bold;
}

.common_list ._underline {
  text-decoration: underline;
}

.common_list .common_list_txt {
  margin: 10px 0 0;
}

._02 li {
  width: 48.91%;
  margin: 20px 2.17% 0px 0;
}

._02 li:nth-child(2n) {
  margin: 20px 0 0px;
}

._03 li {
  width: 32.35%;
  margin: 20px 1.47% 0px 0;
}

._03 li:nth-child(3n) {
  margin: 20px 0 0px;
}

._04 li {
  width: 23.89%;
  margin: 20px 1.39% 0px 0;
}

._04 li:nth-child(4n) {
  margin: 20px 0 0px;
}

.company_name {
  margin: 0 34px 0 0;
}

.product_ttl {
  margin: 15px 0;
  font-weight: bold;
  color: #008FBE;
  border-bottom: 2px solid #008FBE;
}

.product_name {
  margin: 5px 0 0;
}

.category_area .category_list {
  margin: 0;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
}

.category_area .category_list .list_card {
  transition: .2s;
  width: 31.84%;
  margin: 20px 2.17% 0 0;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.3);
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  background: #fff;
}

.category_area .category_list .list_card:nth-child(3n) {
  margin: 20px 0 0px;
}

.category_area .category_list .list_card:last-child {
  margin: 20px 0 0;
}

.category_area .category_list .list_card a.photolist_wap {
  display: block;
  padding: 0;
  margin: 0;
}

.category_area .category_list .list_card a.photolist_wap::before {
  display: none;
}

.category_area .category_list .list_card span {
  display: block;
}

.category_area .category_list .list_card .photo {
  border-radius: 5px 5px 0 0;
}

.category_area .category_list .list_card .photo img {
  width: 100%;
  text-align: center;
}

.category_area .category_list .list_card .cate_txt {
  color: #595757;
  font-size: 16px;
  padding: 15px;
  height: 60px;
  display: table-cell;
  vertical-align: middle;
}

.category_area .category_list .list_card .cate_txt_wap {
  padding: 15px;
}

.category_area .category_list .list_card .cate_txt_wap .cate_txt_set .cate_txt_tit {
  font-size: 16px;
}

.category_area .category_list .list_card .cate_txt_wap .cate_txt_set .cate_txt_comment {
  margin-top: 10px;
  font-weight: normal;
}

.category_area .category_list .list_card._04 {
  width: 23.36%;
  margin: 20px 2.12% 0 0;
}

.category_area .category_list .list_card._04 .cate_txt {
  font-size: 14px;
}

.category_area .category_list .list_card._04 .cate_txt_wap {
  padding: 20px;
}

.category_area .category_list .list_card._04 .cate_txt_wap .cate_txt_set .cate_txt_tit {
  font-size: 14px;
}

.category_area .category_list .list_card._04 .cate_txt_wap .cate_txt_set .cate_txt_comment {
  margin-top: 5px;
  font-weight: normal;
  font-size: 12px;
}

.category_area .category_list .list_card._04:nth-child(3n) {
  margin: 20px 2.17% 0 0;
}

.category_area .category_list .list_card._04:nth-child(4n) {
  margin: 20px 0 0;
}

.category_area .category_list .list_card._02 {
  width: 48.91%;
  margin: 20px 2.17% 0px 0;
}

.category_area .category_list .list_card._02:nth-child(2n) {
  margin: 20px 0 0;
}

.category_area .category_list .icon01 .photo img, .category_area .category_list .icon05 .photo img {
  align-items: end;
}

.category_area .category_list .icon09 .photo img {
  align-items: start;
}

@media screen and (min-width: 1024px) {
  /* over wright
  --------------------------------------------------*/
  .common_list li a:hover {
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.3);
  }
  .common_list li a:hover ._underline {
    color: #008FBE;
  }
  .common_list li a:hover .common_list_photo img:hover {
    opacity: 1;
  }
  .category_area .category_list .list_card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.3);
  }
  .category_area .category_list .list_card:hover a.photolist_wap {
    text-decoration: none;
  }
}

@media screen and (max-width: 1023px) {
  /* over wright
  --------------------------------------------------*/
  .common_list .common_list_ttl, .common_list .common_list_txt {
    font-size: 14px;
  }
  .product_ttl, a.product_name {
    font-size: 14px;
  }
  .product_name {
    font-size: 14px;
  }
  .category_area .category_list .list_card .cate_txt {
    font-size: 14px;
  }
  .category_area .category_list .list_card .cate_txt_wap .cate_txt_set .cate_txt_tit {
    font-size: 14px;
  }
  .category_area .category_list .list_card .cate_txt_wap .cate_txt_set .cate_txt_comment {
    font-size: 14px;
  }
  .category_area .category_list .list_card._04 .cate_txt {
    padding: 15px 10px;
  }
  .category_area .category_list .list_card._04 .cate_txt_wap {
    padding: 15px 10px;
  }
  .category_area .category_list .list_card._04 .cate_txt_wap .cate_txt_set .cate_txt_comment {
    margin-top: 5px;
  }
}

@media screen and (max-width: 600px) {
  /* over wright
--------------------------------------------------*/
  .common_list {
    flex-direction: column;
  }
  .common_list li a {
    width: 100%;
  }
  .common_list .common_list_txt {
    margin: 5px 0 0;
  }
  ._02, ._03, ._04 {
    flex-direction: column;
  }
  ._02 li, ._03 li, ._04 li {
    width: 100%;
  }
  .category_area .fit img {
    object-fit: cover;
    font-family: "object-fit: cover;";
    width: 100px;
    height: 80px;
  }
  .category_area .category_list {
    display: block;
    margin: 20px 0 0;
  }
  .category_area .category_list .list_card,
  .category_area .category_list .list_card:nth-child(2n),
  .category_area .category_list .list_card:nth-child(3n),
  .category_area .category_list .list_card:nth-child(4n) {
    width: 100%;
    border-bottom: none;
  }
  .category_area .category_list .list_card a.photolist_wap,
  .category_area .category_list .list_card:nth-child(2n) a.photolist_wap,
  .category_area .category_list .list_card:nth-child(3n) a.photolist_wap,
  .category_area .category_list .list_card:nth-child(4n) a.photolist_wap {
    display: flex;
  }
  .category_area .category_list .list_card a.photolist_wap .img_size_2-1,
  .category_area .category_list .list_card:nth-child(2n) a.photolist_wap .img_size_2-1,
  .category_area .category_list .list_card:nth-child(3n) a.photolist_wap .img_size_2-1,
  .category_area .category_list .list_card:nth-child(4n) a.photolist_wap .img_size_2-1 {
    width: 100%;
    max-width: 100px;
    min-height: 80px;
  }
  .category_area .category_list .list_card a.photolist_wap .img_size_2-1 figure,
  .category_area .category_list .list_card:nth-child(2n) a.photolist_wap .img_size_2-1 figure,
  .category_area .category_list .list_card:nth-child(3n) a.photolist_wap .img_size_2-1 figure,
  .category_area .category_list .list_card:nth-child(4n) a.photolist_wap .img_size_2-1 figure {
    border-radius: 5px 0 0 5px;
  }
  .category_area .category_list .list_card a.photolist_wap .img_size_2-1 figure img,
  .category_area .category_list .list_card:nth-child(2n) a.photolist_wap .img_size_2-1 figure img,
  .category_area .category_list .list_card:nth-child(3n) a.photolist_wap .img_size_2-1 figure img,
  .category_area .category_list .list_card:nth-child(4n) a.photolist_wap .img_size_2-1 figure img {
    object-fit: cover;
    height: 100%;
    width: auto;
    font-family: 'object-fit: cover;';
  }
  .category_area .category_list .list_card a.photolist_wap .img_size_2-1 figure img.sp_img,
  .category_area .category_list .list_card:nth-child(2n) a.photolist_wap .img_size_2-1 figure img.sp_img,
  .category_area .category_list .list_card:nth-child(3n) a.photolist_wap .img_size_2-1 figure img.sp_img,
  .category_area .category_list .list_card:nth-child(4n) a.photolist_wap .img_size_2-1 figure img.sp_img {
    display: block;
  }
  .category_area .category_list .list_card a.photolist_wap .img_size_2-1 figure img.pc_img,
  .category_area .category_list .list_card:nth-child(2n) a.photolist_wap .img_size_2-1 figure img.pc_img,
  .category_area .category_list .list_card:nth-child(3n) a.photolist_wap .img_size_2-1 figure img.pc_img,
  .category_area .category_list .list_card:nth-child(4n) a.photolist_wap .img_size_2-1 figure img.pc_img {
    display: none;
  }
  .category_area .category_list .list_card a.photolist_wap .cate_txt,
  .category_area .category_list .list_card:nth-child(2n) a.photolist_wap .cate_txt,
  .category_area .category_list .list_card:nth-child(3n) a.photolist_wap .cate_txt,
  .category_area .category_list .list_card:nth-child(4n) a.photolist_wap .cate_txt {
    display: flex;
    align-items: center;
    width: calc(100% - 100px);
    height: auto;
  }
  .category_area .category_list .list_card a.photolist_wap .cate_txt_wap,
  .category_area .category_list .list_card:nth-child(2n) a.photolist_wap .cate_txt_wap,
  .category_area .category_list .list_card:nth-child(3n) a.photolist_wap .cate_txt_wap,
  .category_area .category_list .list_card:nth-child(4n) a.photolist_wap .cate_txt_wap {
    display: flex;
    align-items: center;
    width: calc(100% - 100px);
    height: auto;
  }
  .category_area .category_list .list_card._02 a.photolist_wap {
    display: block;
  }
  .category_area .category_list .list_card._02 a.photolist_wap .img_size_2-1 {
    max-width: inherit;
    min-height: inherit;
  }
  .category_area .category_list .list_card._02 a.photolist_wap .img_size_2-1 figure {
    border-radius: 5px 5px 0 0;
  }
  .category_area .category_list .list_card._02 a.photolist_wap .img_size_2-1 figure img {
    object-fit: inherit;
    height: auto;
    width: 100%;
  }
  .category_area .category_list .list_card._02 a.photolist_wap .cate_txt {
    display: block;
    width: 100%;
  }
  .category_area .category_list .list_card._02 a.photolist_wap .cate_txt_wap {
    display: block;
    width: 100%;
  }
  .category_area .category_list .list_card._02 a.photolist_wap .cate_txt_wap .cate_txt_set .cate_txt_comment {
    margin: 5px 0 0;
  }
  .category_area .category_list .list_card._04 {
    width: 100%;
  }
  .category_area .category_list .list_card._02 {
    width: 100%;
  }
}