@charset "utf-8";
.snap .snap_list ul#snap_area li {
  display:block;
  width: 235px;
  height: 235px;

}
.snap .snap_list ul#snap_area li a{
  display:block;
  width: 235px;
  height: 235px;
  background-size: cover;
  background-position: 50% 50%;
}
.snap .snap_list ul#snap_area {
    text-align: center;
    margin: auto;
    display: -webkit-flex; display: flex;
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
}
.snap .snap_list ul#snap_area img {width:100%}
.snap .snap_list ul#snap_area a {
    display: block;
    position: relative;

}
.snap .snap_list ul#snap_area a.icon {}
.snap .snap_list ul#snap_area a.icon::after {
    content: "";
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/base/nihombashi/img/top/top_snap_icon.png);
    background-size: 15px auto;
    border-radius: 50%;
    position: absolute;
    top:8px;
    right:8px;
    width: 34px;
    height: 34px;
}
.snap .snap_list .snap .snap_list  .btn_more a {
    line-height: 1;
    display: block;
}
@media screen and (max-width: 767px) {
  .snap .snap_list ul#snap_area li {
    float: left;
    width: calc(33.33% - 2px);
    height: calc(33.33% - 2px);
    margin: 0 2px 2px 0;
  }
  .snap .snap_list ul#snap_area li a{
    background-size:cover;
    background-position: 50% 50%;
    width:100%;
    height: 100%;
    padding-top:100%;
  }
}