.new-product {
  padding-top: 160px;
  padding-bottom: 80px; }
  @media screen and (max-width: 736px) {
    .new-product {
      padding: 80px 65px 40px 65px; } }

.pickup-product {
  background-color: rgba(51, 51, 51, 0.05);
  padding-top: 80px;
  padding-bottom: 80px; }
  @media screen and (max-width: 736px) {
    .pickup-product {
      padding: 80px 65px 40px 65px; } }

.recommend-products__ttl {
  color: #000;
  display: block;
  font-size: 37px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 38px;
  padding-bottom: 4px; }
  @media screen and (max-width: 1300px) {
    .recommend-products__ttl {
      font-family: 'Heebo', sans-serif;
      font-size: 24px; } }
  .recommend-products__ttl span {
    display: block;
    font-size: 14px;
    line-height: 15px;
    margin: 10px auto 0; }
    @media screen and (max-width: 1300px) {
      .recommend-products__ttl span {
        font-size: 0.6em;
        font-weight: 500;
        line-height: 1.2em;
        margin-top: 0; } }

.recommend-products__lists {
  margin: 0 auto;
  padding: 80px 0;
  position: relative;
  width: 1180px; }
  @media screen and (max-width: 1300px) {
    .recommend-products__lists {
      width: 90vw; } }
  @media screen and (max-width: 736px) {
    .recommend-products__lists {
      padding: 20px 0 40px 0;
      width: 100%; } }

.recommend-products .slick-prev {
  left: -8%;
  top: -5%; }
  @media screen and (max-width: 1300px) {
    .recommend-products .slick-prev {
      left: -5%;
      top: -6%; } }
  @media screen and (max-width: 736px) {
    .recommend-products .slick-prev {
      left: -50px;
      top: -12%; } }
  .recommend-products .slick-prev:before {
    content: '<';
    color: #000;
    font-size: 30px; }
    @media screen and (max-width: 736px) {
      .recommend-products .slick-prev:before {
        font-size: 24px; } }

.recommend-products .slick-next {
  right: -8%;
  top: -5%; }
  @media screen and (max-width: 1300px) {
    .recommend-products .slick-next {
      right: -5%;
      top: -6%; } }
  @media screen and (max-width: 736px) {
    .recommend-products .slick-next {
      right: -50px;
      top: -12%; } }
  .recommend-products .slick-next:before {
    content: '>';
    color: #000;
    font-size: 30px; }
    @media screen and (max-width: 736px) {
      .recommend-products .slick-next:before {
        font-size: 24px; } }

.recommend-products .slick-initialized .slick-slide {
  width: calc(100vw / 3); }

.recommend-products__img {
  height: 212px;
  width: 212px; }
  @media screen and (max-width: 1300px) {
    .recommend-products__img {
      margin: 0 auto; } }
  @media screen and (max-width: 736px) {
    .recommend-products__img {
      height: auto;
      width: 100%; } }

.recommend-products__txt {
  font-size: 12px;
  font-weight: bold;
  padding-top: 20px;
  padding-right: 30px;
  text-align: left;
  line-height: 2; }
  @media screen and (max-width: 1300px) {
    .recommend-products__txt {
      padding-left: 30px; } }
  @media screen and (max-width: 736px) {
    .recommend-products__txt {
      font-size: 14px;
      padding-top: 20px;
      padding-right: 0; } }

.recommend-products__btnArea {
  border: 1px solid #c42231;
  height: 50px;
  margin: 0 auto;
  transition: .2s ease;
  width: 211px; }
  @media screen and (max-width: 736px) {
    .recommend-products__btnArea {
      height: 30px;
      width: 140px; } }
  .recommend-products__btnArea:hover {
    background-color: #c42231; }
    .recommend-products__btnArea:hover a {
      color: #fff; }

.recommend-products__btn {
  color: #c42231;
  display: block;
  line-height: 50px; }
  @media screen and (max-width: 736px) {
    .recommend-products__btn {
      font-size: 12px;
      line-height: 30px; } }
