/* _setting CSS */
.bx-wrapper .bx-controls-direction a {
  width: 38px !important;
  height: 38px !important;
  background: url(https://img12.shop-pro.jp/PA01066/979/etc/arrow1.png?cmsp_timestamp=20210315151926) no-repeat 0 0 !important;
}
.bx-wrapper .bx-controls-direction .bx-next {
  transform: rotate(180deg);
}

.recommend li {
  position: relative;
}
.recommend li .img_icon {
  position: absolute;
  top: -4px;
  left: -4px;
  width: 40px !important;
}

.seller ul li,
.recommend ul li {
  position: relative;
  padding-bottom: 40px;
}
.seller ul li .item_name,
.recommend ul li .item_name {
  padding: 15px 0 0;
  font-size: 14px;
  text-align: left;
}
.seller ul li .item_price,
.seller ul li .item_soldout,
.recommend ul li .item_price,
.recommend ul li .item_soldout {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 16px;
}
.seller ul li .item_img,
.recommend ul li .item_img {
  border-radius: 5px;
}

.index_news {
  position: relative;
  margin: 0 0 50px;
}
.index_news .news_more {
  position: absolute;
  top: 0;
  right: 10px;
}
.index_news .news_more img {
  margin: 0 10px 0 0;
}
.index_news .news_more:hover img {
  opacity: 0.5;
}
.index_news ul {
  height: 200px;
  list-style: none;
  overflow-y: scroll;
  margin: 20px 0 0;
}
.index_news ul li {
  line-height: 1.8;
  padding: 20px 0;
  border-bottom: 1px dotted #939393;
}
.index_news ul li a {
  text-decoration: underline;
}
.index_news .blog_list {
  overflow: inherit;
  margin-top: 0;
}
.index_news .blog_list li {
  line-height: 1.4;
  padding: 25px 0;
}
.index_news .blog_list li a {
  display: inline-block;
  padding: 0 0 0 10px;
  border-left: 3px solid #333333;
  text-decoration: none;
}
.index_news .blog_list li a .blog_date {
  margin: 0 20px 0 0;
}

.slider {
  overflow: hidden;
}

/* min-width:768px | 768px ~
------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
  /* @media screen
  ------------------------------------------------------------------------- */
  .seller ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .seller ul:after {
    width: 210px;
  }
  .seller ul:before {
    display: none;
  }
  .seller ul li {
    width: 210px;
    height: auto !important;
    margin: 0 0 40px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .seller ul li a {
    display: block;
  }

  .seller,
  .recommend {
    margin-bottom: 40px !important;
  }

  .top_bnr ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 20px 0 50px;
  }
  .top_bnr ul li {
    width: 325px;
    padding: 0;
    margin: 0;
  }
  .top_bnr ul li a {
    display: block;
  }
  .top_bnr ul li a:hover {
    opacity: 0.7;
  }

  /* @media screen
  ------------------------------------------------------------------------- */
}
/* ////.min-width:768px | 768px ~
---------------------------------------------------------------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
max-width:767px | ~ 767px
------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  /* @media screen
  ------------------------------------------------------------------------- */
  .side_banner_lists {
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 15px 20px;
  }
  .side_banner_lists li {
    width: 100%;
    margin: 0 0 10px;
  }
  .side_banner_lists li img {
    width: 100% !important;
  }
  .index_news ul {
    height: 180px;
    margin: 10px 0 0;
    padding: 0 10px;
  }
  .index_news ul li {
    padding: 15px 0;
  }
  .index_news .blog_list {
    height: auto;
    margin-top: 0;
  }
  .index_news .blog_list li {
    line-height: 1.6;
  }

  .seller ul li .item_name,
  .recommend ul li .item_name {
    font-size: 12px;
  }
  .seller ul li .item_price,
  .seller ul li .item_soldout,
  .recommend ul li .item_price,
  .recommend ul li .item_soldout {
    font-size: 12px;
  }

  .top_bnr ul {
    margin: 20px 0 40px;
    list-style: none;
  }
  .top_bnr ul li {
    margin: 0 15px 15px;
  }
  .top_bnr ul li img {
    width: 100%;
  }
  .info__section {
    padding: 0 15px 15px;
  }

  /* @media screen
  ------------------------------------------------------------------------- */
}