#wrapper .swiper-pagination-bullet-active {
  background-color: #836236; }
.topPage .mt5em {
  margin-top: 5em; }
.topPage h2 {
  font-size: 1.2em;
  padding-left: 1.5em;
  margin-bottom: 2em;
  height: 50px;
  line-height: 50px;
  background-image: url("https://lolipop-beans-nuts.ssl-lolipop.jp/home/beansnuts-ec/img/top/h2-left.png");
  background-repeat: no-repeat; }
  .topPage h2 span {
    margin-left: 1em; }
.topPage .news-box {
  width: 32%;
  margin-right: 1.3%;
  float: left;
  float: left; }
  @media (max-width: 768px) {
    .topPage .news-box {
      width: 48%;
      margin: 1%; } }
  .topPage .news-box img {
    width: 100%; }
  .topPage .news-box p {
    margin: 0;
    padding: 0;
    font-size: .95em;
    font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    margin-left: .8em;
    margin-right: .8em; }
  .topPage .news-box p.date {
    margin-top: .5em;
    margin-bottom: .2em; }
.topPage .catebox {
  margin-top: 0.3em;
  width: 32%;
  margin-right: 1%;
  float: left; }
  @media (max-width: 768px) {
    .topPage .catebox {
      width: 48%;
      margin: 1%; } }
  .topPage .catebox img {
    width: 100%; }

/*# sourceMappingURL=top.css.map */