@charset "euc-jp";

.main-visual {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  height: 300px;
  background-image: url(https://img21.shop-pro.jp/PA01428/602/etc/main-visual_191109_08.jpg?cmsp_timestamp=20191110081312);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  margin-top: -54px;
}
@media screen and (max-width: 767px) {
    .main-visual {
      background-image: url(https://img21.shop-pro.jp/PA01428/602/etc/main-visual_sp.jpg?cmsp_timestamp=20191025190525);
        height: 150px;
        margin-top: -40px; 
    }
}
.top_info {
margin-top: -20px; 
}
.top_info ul {
margin-left: 0;
}
.top_info ul li {
list-style: none;
  display: flex;
  padding-bottom: 20px;
}
.top_info ul li .info_date {
    white-space: nowrap;
    margin-right: 20px;
    color: #999999;
}
@media screen and (max-width: 767px) {
  .top_info ul li {
list-style: none;
  display: block;
  padding-bottom: 20px;
}
  .top_info ul li .info_date {
    display: block;
}
}
.top_category-list {
  display: flex;
  flex-wrap: wrap;
}
.top_category-list li {
  width: calc(100%/7);
  box-sizing: border-box;
  text-align: center;
}
.top_category-list li a {
  display: inline-block;
}
@media screen and (max-width: 767px) {
    .top_category-list li {
        width: calc(100%/3);
        text-align: left;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .top_category-list li a {
        background: #ddd;
        padding: 10px;
        border-radius: 4px;
        display: block;
    }
}
@media screen and (max-width: 480px) {
    .top_category-list li {
        width: 50%;
    }
    ul li.recommend-unit {
        padding: 0 10px 0 0;
    }
    ul li.recommend-unit:nth-child(even) {
        padding: 0 0 0 10px;
    }
}